/TodoList-DualBoot-Challenger

Primary LanguageJavaScript

React Level 1

In this challenge:

  • Configure Todolist component to add items using input
  • Add respective CSS classes to the components
  • Add a close button to each items
  • Remove items by clicking on close button

React Level 2

(Use Redux Toolkit recommended)

  • Add a save button in Todolist
  • When click on save: Navigate to a Lists component
  • In List component show a list of lists
  • In List component create a link to navigate back to Todolist

React Level 3

In this final challenge

  • Add a details link on each list
  • When click on details: Navigate to a Details component
  • In Details component show that particular list
  • In Details component show stats fetched from API
  • API URL: 
    https://www.therogerlab.com/examples/lists-stats.php
  • JSON Response: 
    "success":"ok","total": 56,"done": 50,"delayed": 6
  • Add a link to navigate back to Lists components