Productivity Dashboard

About

The Productivity Dashboard is a customizable web application that combines multiple productivity tools into a single, cohesive interface. It features a clean, modern design with both light and dark mode support, adjustable font size, custom color theme options, and allows users to personalize their workspace by showing/hiding and reordering sections. Also supports displaying individual sections in full screen.
Key Features:
Layout Controls
Access via the "⚙️ Layout Controls" button in the header
Drag and drop to reorder sections
Toggle visibility of each section
Preferences are automatically saved
Music Player:
Embedded YouTube player
Enter YouTube URL or video ID to load content
Full-screen capability
Timer:
Pomodoro-style timer with preset options (5, 25, 50, 90 minutes)
Custom time input
Quick add buttons (+1, +5, +10 minutes)
Start, pause, and reset controls
Visual notifications when timer completes
Bookmarks
Save and organize frequently visited websites
Add bookmarks with custom names
One-click access to saved links
Delete unwanted bookmarks
Notes
Simple text editor for quick notes
Clear all notes option
Persistent storage across sessions
To-Do List
Add, complete, and delete tasks
Filter tasks by status (All/Active/Completed)
Clear completed tasks
Task counter
Persistent storage
Theme Support
Toggle between light and dark mode
Theme preference is saved
Automatically matches system preferences on first visit
Responsive Design
Adapts to different screen sizes
Grid layout adjusts automatically
All user preferences, including:
Section visibility
Section order
Theme preference
Notes content
Bookmarks
To-do items
Timer settings
are automatically saved to the browser's localStorage, ensuring your dashboard remains personalized across sessions.
To get started:
Click the toolbar icon to open the dashboard in your browser
Use the layout controls to customize your workspace
Add your preferred YouTube content to the music player
Set up your bookmarks and to-do items
Choose your preferred theme
Start using the timer for focused work sessions
The dashboard is designed to be intuitive and requires no setup beyond your initial customization. All features are immediately available and ready to use.