Todo App

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.

Links

Features

• 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

Technologies Used

• React
• Context API for state management
• CSS for styling
• JSON API for task data

Installation

1. Clone the repository:

   git clone https://github.com/Abhishree881/task-manager.git
   

2. Navigate to the project directory:

   cd todo-app
   

3. Install dependencies:

   npm install
   

4. Run the app:

   ```bash
   npm start
   

   Open your browser and visit http://localhost:3000 to view the Todo App.

Usage

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.

Error Handling

The app includes error handling to manage API failures gracefully.

Feedback

If you have any feedback, please reach out to me at abhishree881@gmail.com