React Todo App with API (complete)

DEMO React_todo_app link

About: minimalistic Todo list with API where user can store and manage his plans todo.

created with React, Typescript, HTML, SCSS.

General features

Error messages

In case of any error (incl. API) showing notifications with an appropriate message at the bottom.

Adding a todo

Adding a todo with entering in title form and submit

Deleting todos

Removing a todo on button 'X' click. Removing all completed todos after Clear completed button click.

Filtering todos

Todos can be filtered by status All / Active / Completed:

Toggling a todo status

Toggle the completed status on TodoStatus change

Add the ability to toggle the completed status of all the todos with the toggleAll checkbox:

Renaming a todo

Ability to rename a todo title on double click:

Instructions

• no special to use as is. (Just try Link)

to get local:

• Fork the repository
• Clone the forked repo
• Run npm install to install the dependencies
• Create a branch for you solution

to use locally:

• Use npm start to run a development server at http://localhost:3000 (If you need to stop the server press ctrl + c in the terminal window)