Todo React App

  • Data is used from jsonplaceholder.
  • Some Random todos were fected and stored in state.
  • Each todo have title and completed properties.
  • Based upon the completed property each todo has some status(Done or Remaining) and color(Red or Green).
  • React Table has 2 columns for title and status.
  • By clicking on not completed i.e. Remaining todos we can mark them Active and colored them Blue.
  • And By clicking on Active todos we can mark them Done.
  • After Every Reloading we'll get some random todos.