TODO is a well-known starter project for so many learning paths because you can start from basics and go all out if you wish to. In this project, I created a responsive TODO application with localstorage for data persistence.

Technologies Used

  1. React JS
  2. SASS

User Stories Addressed

  • I can add a new task
  • I can complete a task
  • I can toggle between All, Active and Completed
  • I can remove one or all tasks under the Completed tab
  • Store the data in local storage that when I refresh the page I can still see my progress

Things I learned

  1. State Management using Class Components
  2. Responsive Design using SASS
  3. React Lifecycle Methods for Data Persistence