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