This is a simple To-Do List application built with React. It allows users to manage their daily tasks efficiently by adding, deleting, and marking tasks as completed.
Site Link: https://emrhntodo.netlify.app
- Add Tasks: Users can easily add new tasks by entering the task title in the input field and pressing enter.
- Delete Tasks: Tasks can be deleted by clicking on the delete button next to each task.
- Mark Tasks as Completed: Users can mark tasks as completed by clicking on the checkbox next to each task. Clicking again will mark the task as incomplete.
- Filter Tasks: Tasks can be filtered based on their completion status. Users can view all tasks, active tasks (incomplete), or completed tasks.
- Mark All Tasks as Completed: Users can mark all tasks as completed with a single click using the "Mark All as Completed" button.
- React: JavaScript library for building user interfaces.
- JavaScript: Programming language used for application logic.
- CSS (with Tailwind CSS): Styling the application for a modern and responsive design.
To run this application locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/react-todo-list.git
-
Navigate to the project directory:
cd react-todo-list
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open http://localhost:3000 in your web browser to view the application.