A dynamic and interactive To-Do List application built with HTML, CSS, and JavaScript. This app helps you efficiently manage your tasks with features like custom categories, priorities, filters, and persistent data storage.
- Add Tasks: Easily add tasks with specific categories and priorities.
- Custom Categories: Create unique categories tailored to your needs.
- Prioritize Tasks: Assign priorities (High, Medium, Low) for better task management.
- Mark as Complete: Toggle tasks as completed and keep track of progress.
- Delete Tasks: Safely delete tasks with confirmation prompts.
- Persistent Data: Save and retrieve tasks using Local Storage, ensuring your tasks are always available.
- Filter Tasks: Display tasks based on their category or completion status.
- User-Friendly Design: A responsive and intuitive interface with a two-panel layout for better organization.
to-do-list/
├── assets/
│ └── screenshot.png
├── index.html
├── styles.css
├── script.js
├── LICENSE
└── README.md
- Clone the repository:
git clone https://github.com/marwan-ahmed-23/to-do-list.git
- Open the project folder:
cd to-do-list
- Open
index.html
in your browser. - Start adding tasks, selecting categories, and setting priorities!
Here are some examples of tasks you can add:
1. Task: “Finish project report”
Category: Work
Priority: High
2. Task: “Buy groceries”
Category: Shopping
Priority: Medium
3. Task: “Morning run”
Category: Fitness
Priority: Low
4. Task: “Read a book”
Category: Personal
Priority: Medium
Contributions are welcome! Here's how you can contribute:
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b feature-name
- Commit your changes:
git commit -m "Added a new feature"
- Push your branch:
git push origin feature-name
- Submit a pull request with details about your changes.
- Task Deadlines: Add a deadline feature with a calendar selector.
- Task Sorting: Implement sorting options by priority or completion status.
- Advanced Search: Enable users to search tasks by category or keywords.
- Theme Customization: Add light and dark mode themes for better usability.
- Notifications: Integrate notifications for task deadlines.
If you find this project helpful, please star ⭐ the repository to show your support!