Version: v1.0.0-beta
Link: https://silxnce-is-him.github.io/academic-dashboard/
With exams approaching and assignments piling up, I needed a way to stay organized that wasn't just a messy notebook. Instead of using a generic app, I decided to build my own custom study hub and host it on GitHub.
Why I built this
I wanted a dashboard that was fast, dark-mode friendly, and stayed out of the way. I used Local Storage so that all my data stays saved in the browser without needing a complex database or login. It’s simple, but it works exactly how I need it to.
The Tech Stack 🛠️
I’m keeping the "Beta" version lightweight and high-performance:
HTML5 for the core structure.
Tailwind CSS for a modern, responsive UI.
JavaScript (ES6+) for task logic and data persistence.
GitHub Pages for instant, free deployment.
Current Features (v1.0.0-beta) 🚀
Persistent Task List: Your to-do list stays exactly where you left it, even after a refresh.
Clean UI: Minimalist aesthetic to keep the focus on the work.
Live Task Counter: Real-time tracking of pending tasks so you know your workload at a glance.
Fully Responsive: Designed to work perfectly on both desktop and mobile.
Roadmap 📈
This is just the start. I’m planning to drop updates throughout the school year, including:
Focus Mode: A built-in Pomodoro timer.
Organization: Subject-specific tags and filtering.
Analytics: A "Session History" to track completed tasks over time.
have any tips on cleaning up my JS or ideas for the next feature, I’d love to hear them in the comments!
Top comments (0)