A simple, responsive To-Do List web app designed to help users efficiently organize daily tasks. It supports task prioritization, due dates, categories, dark mode, and even custom background images for better usability and personalization.
- Add tasks with priority levels (High, Medium, Low)
- Set due dates for tasks
- Categorize tasks (Work, Personal, School)
- Mark tasks as completed
- Toggle dark/light mode for visual comfort
- Upload custom background images
- Responsive design for both desktop and mobile
- HTML5
- CSS3
- JavaScript (ES6)
-
Add a Task: Enter a task name, select its priority, set a due date, and choose a category. Click “Add Task”.
-
Toggle Dark Mode: Click the dark mode icon at the top-right corner to switch between light and dark themes.
-
Complete Tasks: Click “Mark as Completed” to mark any task as done.
-
Upload Background Image: Select an image to customize the app’s background.
-
Reset: Click “Reset All” to clear every task.
# 1. Clone the repository
git clone [https://github.com/dipsana/to-do.git]
# 2. Navigate into the project directory
cd to-do
# 3. Open the project in a browser
start index.htmlto-do/
├── CHANGELOG.md
├── LICENSE
├── README.md
├── dark-mode-icon.png
├── favicon.png
├── favicon.webp
├── index.html
├── script.js
├── style.css
└── to-do-srs.pdf
A detailed Software Requirements Specification (SRS) is included in
to-do-srs.pdf.
Preview Images are present in the SRS Document. Click here to visit: To-Do SRS
| Version | Date | Changes |
|---|---|---|
| 1.0.0 | 2025-10-07 | Initial release: task prioritization, due dates, categories, dark mode, and custom background images with no save feature |
This project is licensed under the MIT License — see the LICENSE file for details. You’re free to use, modify, and share it for learning and personal projects.
See CHANGELOG.md for version history and future updates.
Made with ❤️ by Dipsana