Skip to content

README.md

Latest commit

 

History

History
35 lines (28 loc) · 1.92 KB

README.md

File metadata and controls

35 lines (28 loc) · 1.92 KB

🖥️ Ultimate Personal Productivity Dashboard

A premium, highly interactive, and 3D-styled Personal Productivity Command Center built exclusively with vanilla HTML, CSS, and JavaScript. This project is a comprehensive masterclass in building immersive web experiences without external frameworks.

🚀 Experience the "WOW" Factor

This dashboard isn't just a list of apps; it's a Floating Desktop environment.

  • 3D Interactive Interface: The entire dashboard tilts dynamically as your mouse moves, creating a tactile "depth" effect.
  • Atmospheric Reactivity: Integrated Geolocation shifts the entire UI color palette (Atmosphere Sync) based on your real-world local weather conditions.
  • Glassmorphism Design: High-fidelity translucent components with backdrop blurs and premium typography.

🛠️ The System Protocols

The dashboard features 6 distinct, integrated widgets:

  • Focus Protocol (Pomodoro): Structured focus/break cycles with browser notification support.
  • Task Protocol (CRUD): Priority-aware task management with persistent local storage.
  • Financial Ledger: Instant transaction logging and automated balance tracking.
  • Habit Matrix: 7-day streak-tracking heatmap for consistent ritual monitoring.
  • Weather System: Live telemetry and condition-aware aesthetic shifts.
  • Notes Matrix Grid: Effortless, auto-saving textareas for quick idea capture.

🧰 Technical Stack

  • Architecture: Vanilla ES6 Modules (0% External Dependencies).
  • Styling: Modern CSS3 (Perspective, Preserve-3D, Backdrop Filters, Flexbox/Grid).
  • Persistence: 100% local-first via browser localStorage.
  • Latency: Near-zero (no heavy framework overhead).

📥 Local Setup

  1. Clone the repository: 
    git clone https://github.com/your-username/your-dashboard-repo.git
  2. Simply open index.html in any modern browser.

Built with ❤️ in pure Vanilla JavaScript.