react-todo

React Todo

The Todo List App is a simple web application that allows you to manage and organize your tasks in a user-friendly interface. You can add new tasks, mark them as completed, and filter tasks based on their completion status. The app also utilizes local storage to store your tasks so you can access them even after refreshing the page.

Features

• Add new tasks to your todo list.
• Mark tasks as completed or uncompleted using checkboxes.
• Delete tasks you no longer need.
• Filter tasks based on their completion status (All, Completed, Uncompleted).
• Persistent storage: Tasks are saved in your browser’s local storage for easy access.

Installation

1. Clone the repository to your local machine using the following command:

   git clone https://github.com/tapiwamla/react-todo.git
   

2. Navigate to the project directory:

   cd react-todo
   

3. Install the required dependencies using a package manager of your choice:

   npm install
   

4. Start the development server:

   npm start
   

5. Open your web browser and navigate to http://localhost:3000 to use the Todo List App.

Usage

1. Type a task in the input field and click “Add Todo” to add it to your list.
2. Use the checkboxes to mark tasks as completed or uncompleted.
3. Click the “Delete” button to remove tasks from the list.
4. Use the status filter buttons (“All”, “Completed”, “Uncompleted”) to filter tasks based on their completion status.

Technologies Used

• React: JavaScript library for building user interfaces.
• CSS: Styling for the application’s user interface.
• Local Storage: Web browser feature used for storing tasks locally.

---