saurabhkumar23 / todo-list Goto Github PK

Link to the application!

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.