A Todo List application built using React and useReducer
for state management.
This project is a simple Todo List application implemented with React's useReducer
hook for state management. It allows users to add new tasks with titles and descriptions, mark tasks as completed, edit task descriptions, delete tasks, clear all tasks, and filter tasks by status (Completed or Pending).
- Create Todo: Add new tasks with titles and descriptions.
- Mark As Completed: Toggle task completion status.
- Edit Todo: Update task descriptions.
- Delete Todo: Remove tasks from the list.
- Clear Todos: Remove all tasks from the list.
- Filter by Status: View tasks based on completion status (Completed or Pending).
- React
- JavaScript (ES6+)
- HTML5
- CSS3
To get a local copy up and running follow these simple steps:
- Node.js and npm installed on your machine.
-
Clone the repository:
git clone https://github.com/your-username/todolist.git
2.Navigate into the project directory:
cd todolist
3.Install dependencies:
npm install
-
To Connect Server:
npm run dev