A simple Todo App built using React with features to add, edit, mark tasks as completed, and filter tasks. The app utilizes a JSON API for fetching and updating tasks. State management is implemented using the Context API, and the app has a dark-themed design.
- Add new tasks
- Edit existing tasks
- Mark tasks as completed
- Filter tasks by completion status
- Sorted tasks in descending order based on ID
- Dark-themed user interface
- Error handling for API failures
- Display total counts of tasks, completed tasks, and incomplete tasks
- React
- Context API for state management
- CSS for styling
- JSON API for task data
-
Clone the repository:
git clone https://github.com/Abhishree881/task-manager.git
-
Navigate to the project directory:
cd todo-app -
Install dependencies:
npm install
-
Run the app:
```bash npm startOpen your browser and visit http://localhost:3000 to view the Todo App.
Add a new task by entering the task in the input field and clicking "Add Task." Edit a task by clicking the "Edit" button next to the task. Mark a task as completed by checking the checkbox. Filter tasks by selecting the desired filter button (All, Completed, Incomplete). View total counts of tasks, completed tasks, and incomplete tasks.
The app includes error handling to manage API failures gracefully.
If you have any feedback, please reach out to me at abhishree881@gmail.com