A smart, motivating & priority-based task planner for students
Made with 💙 for students who want clarity, focus & consistency
Student Task Manager is a frontend-only web application designed to help students
✨ stay productive
✨ understand what matters most
✨ stay motivated & focused
It doesn’t just store tasks — it thinks for you by calculating priorities and explaining why a task is important.
✨ Smart priority-based task arrangement
✨ Visual deadline indicators
✨ Built-in focus & motivation tools
✨ Works everywhere — phone, tablet & laptop
- Productivity increases automatically as you complete tasks
- Encourages consistency and progress tracking
- Every task is assigned a priority
- The app tells you:
- Which task has the highest priority
- Why it is important
- How the priority was calculated
Priority is determined using factors like:
- ⏰ Deadline closeness
- 📌 Task urgency
- 🎯 Task importance
This ensures the most critical tasks appear first.
- Tasks are automatically sorted
- Highest priority tasks always stay on top
Deadlines are represented visually using colors:
- 🟢 Green → Plenty of time
- 🟡 Yellow → Deadline approaching
- 🔴 Red → Urgent / near deadline
- Dedicated focus timer
- Helps avoid distractions during study sessions
- Ideal for deep work and exam prep
- Toggle between Light & Dark mode
- Easy on the eyes during night study sessions
Designed to work seamlessly on:
- 📱 Mobile phones
- 💻 Laptops
- 📟 Tablets
Stay inspired with motivational quotes displayed inside the app to keep your energy high while studying.
| Technology | Usage |
|---|---|
| HTML | Structure |
| CSS | Styling & responsiveness |
| JavaScript | Logic & interactivity |
| GitHub | Version control & hosting |
student-task-manager/
│
├── css/
│ ├── image1.png # UI images & visuals
│ └── style.css # Main stylesheet
│
├── js/
│ ├── ai.js # Logic for smart suggestions / reasoning
│ ├── app.js # Core task manager functionality
│ ├── data.js # Task data & priority handling
│ └── focus.js # Focus mode & timer logic
│
├── alarm.mp3 # Focus mode alarm sound
│
├── index.html # Main dashboard
├── focus.html # Focus mode page
├── about.html # About the project
├── know-more.html # Priority logic explanation page
│
└── README.md
Clone the repository
git clone https://github.com/your-username/student-task-manager.git