An interactive web-based Smart Study Planner that helps students and learners of all branches organize their study schedules, track tasks, monitor progress, and visualize analytics with charts. This project uses HTML, CSS, and JavaScript (with Local Storage and Chart.js) to create a dynamic, user-friendly learning assistant.
- Task Management
- Add, edit, and delete tasks
- Assign subject, priority, and due date
- "Other" option for custom subjects
- Visual Analytics
- Progress bar showing completion percentage
- Points and Level system based on task completion
- Chart.js graphs:
- Bar chart: Completed tasks per subject
- Doughnut chart: Priority distribution
- Line chart: Weekly completed tasks trend
- Calendar Integration
- Mini calendar highlights task dates
- Alerts for tasks due today
- Theme Toggle
- Dark/Light mode with smooth transitions
- Responsive Design
- Works on desktop and mobile browsers
- HTML5 → Structure and layout
- CSS3 → Styling, responsive design, animations, dark/light mode
- JavaScript (ES6) → Task logic, progress, charts, local storage
- Chart.js → Analytics visualization
-
Clone the repository:
https://github.com/Siva-2511/Smart_study_planner/tree/main
-
Open index.html in a web browser.
-
Add tasks, select subjects, set priorities, and view analytics.
-
Tasks are stored in local storage so progress is saved on your browser.
🔹 Live Demo
View the live project on Netlify https://smartstudyplanners.netlify.app/
View the presentation online https://docs.google.com/presentation/d/1kIi5ugQZsgPV8-X3sz_BbD5UhBsNtZM4/edit?usp=drivesdk&ouid=107157099761393182296&rtpof=true&sd=true
🔹 Future Scope
Integration with AI-based study suggestions
Export tasks as PDF or sync with Google Calendar
Multi-user support with cloud storage
🔹 Author
Name: G.Sivasubramaniyan
Department: Computer Science & Engineering
Email: sivasubramaniyan.g2511@gmail.com