thecodedealer · logee48 · Apr 26, 2023 · Apr 26, 2023 · Apr 26, 2023 · Apr 26, 2023
diff --git a/backend/.env b/backend/.env
@@ -0,0 +1,2 @@
+PORT=5000
+MONGO_URL=mongodb+srv://<username>:<password>@whyrugay.v4wp0gj.mongodb.net/?retryWrites=true&w=majority
diff --git a/frontend/README.md b/frontend/README.md
@@ -2,6 +2,25 @@
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 
+## How to Run
+
+create a account in mongoDB and create a cluster [link](https://www.mongodb.com/).
+
+<img src="./readmepics/ss1.png"></img>
+<img src="./readmepics/ss2.png" height="600px"></img>
+<img src="./readmepics/ss3.png" height="600px"></img>
+
+create a .env file under backend folder./
+
+<img src="./readmepics/ss4.png"></img>
+
+add the url and port in .env file./
+
+<img src="./readmepics/ss5.png"></img>
+
+if you get errors like PORT 5000 is already in use <br>
+Try changing PORT in .env and ./frontend/src/context/globalContext.js files
+
 ## Available Scripts
 
 In the project directory, you can run:

diff --git a/frontend/readmepics/ss1.png b/frontend/readmepics/ss1.png
diff --git a/frontend/readmepics/ss2.png b/frontend/readmepics/ss2.png
diff --git a/frontend/readmepics/ss3.png b/frontend/readmepics/ss3.png
diff --git a/frontend/readmepics/ss4.png b/frontend/readmepics/ss4.png
diff --git a/frontend/readmepics/ss5.png b/frontend/readmepics/ss5.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		PORT=5000
		MONGO_URL=mongodb+srv://<username>:<password>@whyrugay.v4wp0gj.mongodb.net/?retryWrites=true&w=majority