Deployment Done

Author: Samyc2002

Demo.png

@@ -1,19 +1,93 @@
-![Demo](Demo.png)
+<h2 align="center">
+	React Coding Website<br/>
+	<a href="https://coders-garage.netlify.app/" target="_blank">Coders Garage</a>
+</h2>
 
-# Coders-Garage
-A react coding website made for the Summer of Innovation Web Development project.  
-[Problem statement Link](https://drive.google.com/file/d/1N5pfnjgjo8eoB571Ia0KvBgDLbKP0SPG/view?usp=sharing)
+<div align="center">
+	<img alt="Demo" src="./Demo.png" />
+</div>
 
-# To run the client
-```
+<br/>
+
+<center>
+
+[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com) &nbsp;
+[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com) &nbsp;
+[![forthebadge](https://forthebadge.com/images/badges/open-source.svg)](https://forthebadge.com) &nbsp;
+</center>
+
+<h3 align="center">
+    🔹
+    <a href="https://github.com/Samyc2002/Coders-Garage/issues">Report Bug</a> &nbsp; &nbsp;
+    🔹
+    <a href="https://github.com/Samyc2002/Coders-Garage/issues">Request Feature</a>
+</h3>
+
+## TL;DR
+
+You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to [Samyc2002](https://github.com/Samyc2002/Coders-Garage). Thanks!
+
+## Built With
+
+A coding website <a href="https://coders-garage.netlify.app/" target="_blank">Coders Garage</a> which has a Home page where questions are available, an IDE that can be used by anyone and has a user friendly interview platform. It has a soothing and minimal UI.<br/>
+
+This project was built using these technologies.
+
+- React.js
+- Node.js
+- Express.js
+- MongoDB
+- Material UI
+- CSS3
+- VsCode
+- Heroku
+- Figma
+
+## Features
+
+**📖 Multi-Page Layout**
+
+**🎨 Styled with Material UI and CSS with easy to customize colors**
+
+**📱 Fully Responsive**
+
+## Getting Started
+
+Clone down this repository. You will need `node.js` and `git` installed globally on your machine.
+
+## 🛠 Installation and Setup Instructions
+
+### To run the client
+
+```bash
   cd client
   npm i
   npm start
 ```
 
-# To run the server
-```
+Runs the client app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+The page will reload if you make edits.
+
+## To run the server
+
+```bash
   cd server
   npm i
   npm run dev
 ```
+
+Runs the server in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+Consecutively, you can also see it running in your terminal.
+
+## Usage Instructions
+
+Open the project folder and Navigate to `/client/src/components/`. <br/>
+You will find all the components used and you can edit your information accordingly.
+
+`/client/src/pages` has all the components arranged and organised in pages.
+
+### Show your support
+
+Give a ⭐ if you like this website!