🎓 Student Productivity Hub

A simple and functional productivity website built for students to manage tasks, study time, and notes efficiently.

🚀 Features

• 📋 To-Do List with task completion tracking
• ⏱️ Pomodoro Study Timer
• 📝 Notes section for quick ideas
• 📅 Weekly Planner layout
• 💾 Data persistence using localStorage
• 🌙 Dark / Light Mode toggle
• 📊 Task completion progress bar
• 🔔 Simple alert when timer ends
• 🎯 Streak counter (days studied)

🛠️ Built With

• HTML
• CSS
• Vanilla JavaScript

🎯 Purpose

This project was created as a student-level web development project to practice:

• DOM manipulation
• JavaScript logic
• UI/UX design
• Responsive layouts
• Local storage handling

👥 Team

• Joshie-Borrow: Front-End Design
• Worms8462: Back-End Database

Project Folder Structure

student-productivity-hub/
│
├── index.html
│
├── assets/
│   ├── auth-button/
│   │   ├── github-icon
│   │   └── google-icon
│   │
│   ├── art-landing/
│   │   ├── sign-in-art.png
│   │   └── sign-up-art.png
│   │
│   └── logo.png
│
├── src/
│   ├── pages/
│   │   ├── dashboard.html
│   │   ├── forgot-password-auth.html
│   │   ├── login-auth.html
│   │   ├── register-auth.html
│   │   └── reset-password-auth.html
│   │
│   ├── script/
│   │   ├── authentication.js
│   │   ├── dashboard.js
│   │   ├── overview.js
│   │   ├── tasks.js
│   │   └── theme-switch.js
│   │
│   ├── style/
│   │   ├── authentication.css
│   │   ├── dashboard.css
│   │   ├── overview.css
│   │   ├── responsive.css
│   │   ├── root.css
│   │   └── task.css
│   │
│   ├── main.css
│   └── main.js
│
├── public/
│   └── logo.png
│
└── README.md

📸 Screenshots

🌐 Live Demo

(Add GitHub Pages / Vercel link here)

📌 Future Improvements

• User accounts
• Cloud storage
• Mobile app version

🤝 💬 Feedback & Critiques

All critiques are welcome!

If you see something that could be better, cleaner, or more efficient, just open an Issue and share your thoughts.