MERN Stack Url Shortner APP
- A complete MERN stack project.
- Make sure you have the LTS version of Node installed.
- Install git for version control.
- Install MongoDB locally. (Resource)
- Step 1: Fork this repo.
- Step 2: Clone your forked version of this repo locally. To clone, go to your command line / terminal, cd over to an appropriate directory and type in
git clone https://github.com/<your username>/Mern_Stack_Url_Shortner_App.git
. - Step 3:
cd client-app
- Step 4: While in the
client-app
directory, install the frontend dependencies usingnpm install
oryarn
. - Step 5:
cd server
- Step 6: While in the
server
directory, instlal the backend dependencies usingnpm install
. - Step 7: Add the
.env
file in yourserver-app
and addCONNECTION_STRING
. - Step 8: Go to MongoDB atlas and create your DB and use the connection string.
- Step 9: Go inside the
server-app
directory and run the backend server usingnpm start
or using nodemon -npm run dev
. The backend server will start onlocalhost:5001
. - Step 9: While backend server is still running, open a new tab on the terminal and
cd client-app
. - Step 10: Finally start the react app using
npm start
. The app will start on port3000
which can be accessed through http://localhost:3000/.
- Don't forget to close all the running servers before closing the terminal/ command line.
- Close all the running servers by visiting to every tab of the terminal the server is running on.
- To close a running server use
ctrl+c
.
Made with โค by Abhineet Deep.