Skip to content

Latest commit

 

History

History
66 lines (51 loc) · 2.07 KB

README.md

File metadata and controls

66 lines (51 loc) · 2.07 KB
Raw

To-Do List App

A dynamic and interactive To-Do List application built with HTML, CSS, and JavaScript. This app helps you efficiently manage your tasks with added features like categories, priorities, and customizability.

🚀 Features

  • Add Tasks: Add tasks with a category and priority for better organization.
  • Custom Categories: Create your own custom categories for unique tasks.
  • Prioritize Tasks: Assign priorities (High, Medium, Low) to each task.
  • Mark as Complete: Check tasks off your list when they’re done.
  • Delete Tasks: Easily remove tasks that are no longer needed.
  • User-Friendly Design: Intuitive interface for managing your to-do list.

📸 Screenshot

To-Do List Screenshot

📂 Directory Structure

to-do-list/
├── assets/
│   └── screenshot.png
├── index.html
├── styles.css
├── script.js
├── LICENSE
└── README.md

📖 Usage

  1. Clone the repository: 
    git clone https://github.com/marwan-ahmed-23/to-do-list.git
  2. Open index.html in your browser.
  3. Start adding tasks, selecting categories, and setting priorities!

🌟 Examples of Input

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

🤝 Contributing

Contributions are welcome! Fork the repository, create a new branch for your feature, and submit a pull request for any enhancements or bug fixes.

🛠 Future Improvements

  • Add a task deadline feature with a calendar selector.
  • Implement task sorting by priority or completion status.
  • Save tasks using local storage for persistent data.

🌟 Stay Connected

If you find this project helpful, don’t forget to star ⭐ the repository!