This is a simple React-based web application for managing a to-do list. The application allows users to add, remove, and mark tasks as completed. It provides a clean and intuitive interface to help users organize their tasks efficiently.
-
Add Todos: Easily add new tasks to the to-do list by entering them in the input field and clicking the "Add Todos" button or pressing Enter.
-
Remove Todos: Remove unwanted tasks by clicking the "X" button next to each task.
-
Toggle Completion: Mark tasks as completed or incomplete by checking or unchecking the checkbox.
-
Clear All Completed: Quickly remove all completed tasks with the "Clear All Completed" button.
- React: The application is built using the React JavaScript library, providing a modular and efficient structure.
- Author: Hussain Hamim
- Copyright: © 2024 Hussain Hamim
- The input field is focused automatically when the list is updated, providing a seamless user experience.
- The application has a pleasant color scheme, combining antique white and shades of pink and blue.
- The application includes appropriate labels, ensuring a good level of accessibility for users.
- Clone the repository.
- Run
npm install
to install dependencies. - Run
npm start
to start the development server.
- Special thanks to the React community for providing an excellent library for building user interfaces.
- Icons used in this project are sourced from FontAwesome.
Feel free to explore, contribute, and enhance this to-do list application!
This project is licensed under the MIT License - see the LICENSE file for details.