A modern, distraction-free productivity dashboard for students. Features a minimalist "Bento Grid" layout, integrated task management, focus timer, and custom themes.
https://student-dashboard-green-phi.vercel.app/
- ⏱️ Focus Timer: Built-in Pomodoro timer (25m Focus / 5m Break).
- 📝 Task Manager: Simple to-do list that persists your tasks (no database required).
- 🎨 Theme Switcher: customize your vibe with Mauve, Blue, Green, or Peach themes.
- 🔉 Focus Audio: (Removed by default, but code available if needed).
- 🔗 Quick Links: Instant access to Classroom, ChatGPT, and Lofi beats.
- 💾 Auto-Save: All data (tasks, notes, theme) saves automatically to your browser.
- Node.js installed (v18 or higher recommended).
-
Clone the repository (or unzip the project folder):
git clone https://github.com/piyushkadam96k/student-dashboard.git cd student-dashboard -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 with your browser.
app/page.tsx: Main dashboard entry point.app/components/: Individual widgets (Clock, Timer, Tasks, etc.).app/globals.css: Tailwind configuration and theme variables.
You can edit the color palettes in app/globals.css. Look for the :root and [data-theme="..."] blocks.
[data-theme="blue"] {
--accent-color: #89b4fa;
--accent-secondary: #cba6f7;
}Feel free to fork and submit PRs!
Stay Focused. Stay Productive. 🎓