-
hooks used - useContext, useReducer, useState
-
states:
- todos - array containing all todos.
- action types - add a todo, delete a todo.
- todo - a local state in Input component for input field data.
-
components
- Main.js - hold the main application.
- Input.js - contains the input field for a todo item and 'ADD' button to submit. it having the logic for adding a todo.
- Item.js - component for holding a single todo item and logic for deleting a todo.
-
Application made with pure Css but not fully mobile responsive yet.
-
How to Use?
- type your todo in the input field.
- click on Add button.
- your todo will be visible in the below todo list region.
- you can delete your todo by clicking on the red button at right side of every todo.