MERNsenger is a complete real time live chat application built using the MERN stack, enabling users to communicate instantly and share text, images, emojis, and files with ease.
- (root) create React app & start the development server:
npx create-react-app frontend cd frontendf npm start - (frontend) setup frontend:
npm i axios moment jwt-decode node-sass react-alert react-alert-template-basic react-hot-toast react icons react-redux redux redux-thunk react-router-dom socket.io-client - (root) create a new
package.jsonfile with default values:npm init --y - (root) setup backend:
npm i bcrypt body-parser concurrently cookie-parser dotenv express formidable jsonwebtoken mongoose nodemon validator -
- frontend: port 3000,
npm start - backend: port 8000,
npm run server - run commands concurrently:
npm run dev
- frontend: port 3000,