/React-todo

A todo manager using react that allows user to add, update, delete todos

Primary LanguageJavaScript

React TODO

This project is built using react for Managing todo's and allowing users to have more flexibilty

Techs used :

  • HTML/CSS
  • Bootstrap
  • jsx
  • React

Features :

  • Add new todo
  • Edit existing todo
  • Delete todo
  • Filter based on status

Doc :

  • Apart from App.jsx and Main.jsx this project has another component "Todocard.jsx" where each card is rendered individually
  • Each todo task has a
    • task name
    • task description
    • Status (Done / Not Done)
    • Edit / Save button
    • Delete button
  • Here I have maintained 2 states for the todo list, One for the original todo list where the edit, delete operations happen, and other for the rendering which is created using the original todolist for filtering purpose
  • The todo card has an edit and delete option which allows user to update and delete todo's from their page

Feel free to visit the site here