A modern and responsive student productivity dashboard built using HTML, CSS, and Vanilla JavaScript. StudyFlow helps students stay focused, organized, and consistent with features like a Pomodoro Timer, Task Manager, Study Analytics, Daily Goals, and Study Streak Tracking.
Perfect for students, self-learners, and productivity enthusiasts who want a distraction-free study companion.
#Live Demo https://mohammedimad01.github.io/StudyFlow/
- Add, edit, complete, and delete tasks
- Pending & completed task counters
- Clean interactive UI with animations
- Local storage persistence
- 25-minute focus sessions
- 5-minute break sessions
- Circular animated progress ring
- Session tracking & audio notifications
- Automatic study-hour logging
- Set daily study goals
- Track completed study hours
- Interactive progress bar
- Manual + automatic study time logging
- Weekly study visualization using Chart.js
- Dynamic bar chart updates
- Study hour tracking for the last 7 days
- Daily streak tracking
- Motivational streak messages
- Encourages consistent study habits
- Auto-rotating inspirational quotes
- Smooth fade animations
- Elegant dark mode toggle
- Persistent theme preference using localStorage
- Optimized for desktop, tablet, and mobile devices
- HTML5
- CSS3
- Vanilla JavaScript (ES6+)
- Chart.js
If you like this project:
- Give it a ⭐ on GitHub
This project is open-source and available under the MIT License.
Built with focus, consistency, and caffeine ☕✨