Nested Todo List

Project URL, Github

Problem

I wanted an overview of what I studied and be able to drill down to the specific subtopic.

Solution

Nested list items that can be toggled to show its children. Useful for studying and promote active learning. Users can sign up, login, create multiple lists and only see their own list.

Stack

  • Frontend: React, Material-UI, SASS
  • Backend: Express, Mongoose, Bcrypt, JSON web token, Joi for data validation
  • Testing: Jest, Jest-MongoDB, React Testing Library, Cypress for automated end-to-end testing
  • Misc: Axios, Dotenv

Accomplishments

  • Consume guarded REST API
  • Frontend deployed to Netlify, and backend deployed to Heroku