Frame 1


This application is a TODO app made with React. The app features a filter input for filtering todos. Additionally, the top box displays the number of todos that have been added.

The top box also includes a button to show/hide completed todos. Clicking the button will display completed todos, and clicking it again will show all todos. The bottom of the app displays the number of completed todos.

Todos include delete and check icons. Clicking the delete icon will remove the todo, and clicking the check icon will mark the todo as completed.


To install the app, follow these steps:

  1. Clone this repository to your computer.
  2. Run npm install to install the necessary packages.
  3. Run npm start to start the app.


When the app starts, you can add new todos by typing in the input area and pressing ENTER. You can filter your todos using the filter input.

You can show/hide completed todos by clicking the show/hide button.

You can delete or mark todos as completed by clicking the icons on the todos.


If you would like to contribute to this project, please create an issue first. We will start a discussion to verify that your changes are appropriate for the project.


This project is licensed under the MIT License.


View Github