MERN Stack Shopping List API

Full stack shopping list API using MongoDB, Express, React, Node (MERN). RESTful API: GET, POST, PUT, DELETE. Authentification(user login): JSONWebToken(JWT).

Covering Concepts

• Front End

  • React Hooks (useStates, useEffect, useDispatch, useSelector).
  • Redux (Redux Toolkit, react-redux): multiple states management.
  • Framework for UI styling: reactstrap.
  • Animations: react-transition-group.
  • HTTP requests with axios: fetch/post data from/to database.

• Back End

  • RESTful API: using HTTP request to get access to the data (GET, POST, PUT, DELETE).
  • Database: MongoDB. Model data: Monggose.
  • Web framework for Node.js: Express.
  • User Authentication: JWT (JSON Web Token) generates token for verification.
  • Password protection: use bcrypt to hash user's password.
  • Error handling: return different error to front-end (e.g. wrong password, user does not exist, login failed.).

• Deploy

  • Heroku

Check it Out

Try to add/remove things for the next shopping! Try it Here.