TodoApp with TypeScript

This project is a Todo application that allows users to add and manage tasks. The application is developed using TypeScript and Material-UI.

Features

• Add Tasks: Users can add new tasks.
• Update Task Status: Users can update the status of tasks (completed/not completed).
• Delete Tasks: Users can delete tasks.
• Responsive Design: The application has a user-friendly and responsive interface.

Technologies

• React: For building UI components.
• TypeScript: To enhance the type safety of the project.
• Material-UI: For UI components.
• Axios: For making API requests.

Installation

1. Clone the Project:

git clone https://github.com/ImrenR/todoapp-ts.git

2. Navigate to Project Directory:

cd todoapp-ts

Components

Header

Displays the title of the application.

AddTodo

Allows the user to add new tasks.

TodoList

Displays the list of tasks and separates completed and in-progress tasks.

TodoListItems

Represents each task and allows the user to update or delete the task status.

API

This application uses the following API to fetch and send task data:

• GET: https://68ee1779df2025af780251b8.mockapi.io/task
• POST: https://68ee1779df2025af780251b8.mockapi.io/task
• PUT: https://68ee1779df2025af780251b8.mockapi.io/task/:id
• DELETE: https://68ee1779df2025af780251b8.mockapi.io/task/:id