Hello coders, welcome to the last session of our time is MERN Stack project. In this project. In this session, we will integrate the frontend and backend of our MERN Stack Job Finder application using MongoDB, ExpressJs, Reactjs, NodeJs, and tailwind css for styling our UI. Then after everything, we will deploy it to the internet.

Get Started

Firstly move to the server directory eg: cd server

Backend (Server)

1.

Create a .env file

  The .env file will contain the following:

  i. MONGODB_URL = database connection string

  ii. JWT_SECRET_KEY = your secreate key

  iii. PORT = 8800

  iv. AUTH_EMAIL= email address

  v. AUTH_PASSWORD=email access password

  vi. APP_URL = http://localhost:8800/api-v1

  Note: I used hotmail account to send verification email, so you can just create one

  because hotmail account is reliable in product and has no configuration.

  Alos, chnage API_URL when you deploy your app else use localhost with the appropriate port number

2. Run npm install to install the packages

3. Run npm start to start the server on http://localhost:8800

Client

The client or frontend also has .env filde in the root folder.

Create an environment variable of name REACT_APP_CLOUDINARY_ID.

This will store the cloudinary cloud name

This side also has and env file with REACT_APP_CLOUDINARY_ID

1. Run npm install to install all dependencies

2. Run npm start to start on http://localhost:3000