In this project, let's fix the Simple Todos app by applying the concepts we have learned till now.
Click to view
- Download dependencies by running
npm install
- Start up the app using
npm start
Functionality to be fixed
Fix the given code to have the following functionality
-
Initially, the list of given todos should be displayed with a delete button for each todo
-
When the Delete button of a todo is clicked, then the respective todo should be deleted
-
The
SimpleTodos
will consist of theinitialTodosList
. It consists of a list of todo objects with the following properties in each todo objectKey Data Type id Number title String
Click to view
- There are
6
bugs to be fixed to achieve the functionality and the UI that is expected
- All components you implement should go in the
src/components
directory.- Don't change the component folder names as those are the files being imported into the tests.
- Do not remove the pre-filled code
- Want to quickly review some of the concepts you’ve been learning? Take a look at the Cheat Sheets.