diff --git a/backend/.env b/backend/.env
new file mode 100644
index 000000000..7809c73d7
--- /dev/null
+++ b/backend/.env
@@ -0,0 +1,2 @@
+PORT=5000
+MONGO_URL=mongodb+srv://<username>:<password>@whyrugay.v4wp0gj.mongodb.net/?retryWrites=true&w=majority
\ No newline at end of file
diff --git a/frontend/README.md b/frontend/README.md
index 58beeaccd..0af0f6c3a 100644
--- 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
new file mode 100644
index 000000000..d6a290e75
Binary files /dev/null and b/frontend/readmepics/ss1.png differ
diff --git a/frontend/readmepics/ss2.png b/frontend/readmepics/ss2.png
new file mode 100644
index 000000000..19cf58144
Binary files /dev/null and b/frontend/readmepics/ss2.png differ
diff --git a/frontend/readmepics/ss3.png b/frontend/readmepics/ss3.png
new file mode 100644
index 000000000..7e9555eb6
Binary files /dev/null and b/frontend/readmepics/ss3.png differ
diff --git a/frontend/readmepics/ss4.png b/frontend/readmepics/ss4.png
new file mode 100644
index 000000000..8abaea853
Binary files /dev/null and b/frontend/readmepics/ss4.png differ
diff --git a/frontend/readmepics/ss5.png b/frontend/readmepics/ss5.png
new file mode 100644
index 000000000..e93c9d262
Binary files /dev/null and b/frontend/readmepics/ss5.png differ