MERN experiment

Language/Framework which I used

  • ES6/JavaScript
  • Node.js/Express
  • MongoDB
  • React/Redux
  • Bootstrap 4
  • Heroku & git

Purpose for creating this app

  • Create backend API with Node/Express
  • Test with Postman
  • Try to use Bootstrap 4
  • Use React and connect with backend
  • Use Redux for state management
  • Prepare, build and deploy to Heroku

Package which is installed

Backend

Name purpose official
axios to connect frontend with less-code than fetch API
bcryptjs creating encryption by using JS
body-parser
concurrently
express
gravatar
jsonwebtoken
mongoose to connect with mongoDB
passport
passport-jwt
validator
nodemon( -D )

Frontend

Name purpose official
classnames to add the conditional classnames
react fundamentals of react
react-dom fundamentals of react
react-router-dom to activate routes for react
react-scripts which is on create-react-app

courtesy for this project repo: https://github.com/bradtravesy/devconnector

Creating Process