A simple and efficient Task Management Web App built with HTML, CSS, and JavaScript to help students plan, track, and manage their study tasks with ease.
🔗 **View Live Application Here**
- Add, Edit, and Delete Tasks — Manage your study tasks with an intuitive form.
- Due Dates & Estimated Time — Track deadlines and estimate completion time.
- Tag & Prioritize — Organize tasks by subject, priority, and custom tags.
- Mark Tasks as Completed — Update progress dynamically.
- Progress Overview — Real-time completion statistics and progress percentage.
- Activity Log — View recent actions like task creation, edits, and completions.
- Filter & Search — Filter tasks by status or priority and search instantly.
- Local Storage Support — All data is stored locally; no backend needed.
- Responsive UI — Works smoothly on desktops and mobile devices.
| Technology | Description |
|---|---|
| HTML5 | Structure and layout of the app |
| CSS3 | Styling and animations |
| JavaScript (Vanilla JS) | Core logic for task management and UI interaction |
| Local Storage API | Stores user tasks and activities persistently |
study-task-manager/ ├── index.html ├── style.css └── app.js
- Clone the repository:
git clone https://github.com/your-username/study-task-manager.git - Open the folder in your code editor.
- Run locally:
Open index.html in your browser - Start adding and managing your tasks!
| Page | Description |
|---|---|
| Home Page | Shows upcoming tasks and recent activity |
| Tasks Page | Manage all your tasks, add/edit/delete |
| Progress Page | View statistics and completion progress(under development will be added later) |
© 2025 Amith Biju. All rights reserved.