nadeemkhedr/react-redux-typing-game

Add time remaining counter to blocks

Closed this issue · 0 comments

Context

Create a counter using (normal countdown numbers or pie countdown) for each block

Development

  • use react-minimal-pie-chart for the pie countdown or search for other alternatives
  • create a new component BlockTimer that has the countdown logic/ui, and will be included in the Block component
  • change the pie countdown colors from green (more than 50% remaining), yellow (more than 25% remaining), red (less than 25% remaining)
  • all new blocks should have time countdown of 10
  • change generated words for a block to be between 4-6