Skip to content

Polaris66/todo-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Purpose

To learn and demonstrate React Hooks and Functional Components.

Demo

Todo App

Setup

  • Install node.js, npm (if not existing already)
  • cd todo-react
  • npm i
  • npm start
  • Web App should be up and running at localhost:3000

Done

  • List Todo Items
  • Add Todo Items
  • Delete Todo Items
  • Persistance of Todo Items
  • Basic Styling
  • Deployment
  • Margins, Background Fixed
  • Button Style Somewhat Fixed
  • Delete All
  • Max Length Fix for long sentences
  • Checkbox
  • Edit Todo (On Click change into input, change back after editing)

TODO

Functionality

  • Search Functionality
  • Priority Functionality

Style

  • Hover On Buttons
  • Better Styling (Gradient,Shadow)

Extra Feature

  • Authentication

Code Improvement

  • useContext, useReducers for removing prop cascading
  • Add unit tests