ToDo List Application

This is a simple ToDo list application that allows users to manage their tasks by adding, sorting, and marking tasks as done.

Features

• Add tasks to the ToDo list.
• Set priority for tasks (e.g., high, medium, low).
• Sort tasks by description, priority, and status.
• Reset the list to its default state.
• Clear the list of tasks.
• Mark tasks as complete.

Getting Started

1. Clone the repository: git clone https://github.com/syedaCodes/todo.git
2. Navigate to the project directory: cd todo
3. Install dependencies: npm install
4. Start the development server: npm run dev
5. Open your browser and go to http://localhost:3000 to access the app.

Usage

1. Add a Task:

   • Enter a task description in the input field.
   • Set the priority using the priority selector.
   • Click the "Add Task" button.

2. Sort Tasks:

   • Click on the "Sort By" dropdown to choose a sorting option (description, priority, or status).
   • The tasks will be sorted accordingly.

3. Mark Tasks as Complete:

   • Click the checkbox next to a task to mark it as done.

4. Clear Tasks:

   • Click the "Clear Tasks" button to clear all tasks from the list.

Screenshots

• Default:

• Functional:

Technologies Used

• React: Frontend library for building user interfaces.
• CSS: Styling the application components.

Contributing

Contributions are welcome! If you find any bugs or want to add new features, feel free to submit a pull request.