MERN Stack
Notice, you need client and server runs concurrently in different terminal session, in order to make them talk to each other
Make Sure to Create a .env file in client directory and add appropriate variables in order to use the app.
Essential Variables REACT_APP_API_URL= example: localhost:3001/api
(You need to add something in .env, api url and other things)
$ cd client // go to client folder
$ yarn # or npm i // npm install packages
$ npm run start // run it locally
// deployment for client app
$ npm run start // this will run the files in docs, this behavior is exactly the same how gh-pages will run your static site
(You need to add something in .env to connect to MongoDB and other things)
Make Sure to Create a .env file in server directory and add appropriate variables in order to use the app.
Essential Variables PORT= MONGO_URI= RESET_PASSWORD_EXPIRE= JWT_EXPIRE= JWT_KEY= JWT_REFRESH_KEY= JWT_REFRESH_EXPIRE=
$ cd server // go to server folder
$ npm i // npm install packages
$ npm run dev // run it locally
| Client-side | Server-side |
|---|---|
| @emotion/react : ^11.13.3 | bcryptjs : ^2.4.3 |
| @emotion/styled : ^11.13.0 | cors : ^2.8.5 |
| @mui/icons-material : ^5.15.14 | crypto : ^1.0.1 |
| @mui/material : ^5.16.7 | dotenv : ^16.4.5 |
| @reduxjs/toolkit : ^2.2.1 | express : ^4.19.2 |
| @testing-library/jest-dom : ^5.17.0 | express-async-handler : ^1.2.0 |
| @testing-library/react : ^13.4.0 | jsonwebtoken : ^9.0.2 |
| @testing-library/user-event : ^13.5.0 | mongoose : ^8.2.4 |
| axios : ^1.6.7 | nodemon : ^3.1.0 |
| device-detector-js : ^3.0.3 | socket.io : ^4.7.5" |
| jwt-client : ^0.2.1 | |
| lodash : ^4.17.21 | |
| react : ^18.2.0 | |
| react-dom : ^18.2.0 | |
| react-redux : ^9.1.0 | |
| react-router-dom : ^6.22.3 | |
| react-scripts : 5.0.1 | |
| redux : ^5.0.1 | |
| socket.io-client : ^4.7.5 | |
| web-vitals : ^2.1.4" |
Email Me: [email protected]