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.
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 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.
- 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).
- Clone the repository:
git clone https://github.com/your-username/your-dashboard-repo.git
- Simply open
index.htmlin any modern browser.
Built with ❤️ in pure Vanilla JavaScript.