Improved readme and added .env.example and hide main env

Author: rajkaranm

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.env

README.md

@@ -1,8 +1,54 @@
-# Steps to Start the App
-
-## Install the Public Dependencies
-## Install the Server Dependencies
-## In the Server Directory there's a .env file. Change the value of mongodb inside the file. Set the value as your mongodb connection url.
-## Now start the server by yarn start
-## Now start the react by yarn start
-## And the chat application would be running successfully by now.
+# Snappy - Chat Application 
+Snappy is chat application build with the power of MERN Stack. You can find the tutorial [here](https://www.youtube.com/watch?v=otaQKODEUFs)
+
+
+![login page](https://github.com/rajkaranm/chat-app-react-nodejs/blob/improved-readme/images/snappy_login.png?raw=true)
+
+![home page](https://github.com/rajkaranm/chat-app-react-nodejs/blob/improved-readme/images/snappy.png?raw=true)
+
+## Installation Guide
+
+### Requirements
+- [Nodejs](https://nodejs.org/en/download)
+- [Mongodb](https://www.mongodb.com/docs/manual/administration/install-community/)
+
+Both should be installed and make sure mongodb is running.
+
+```shell
+git clone https://github.com/koolkishan/chat-app-react-nodejs
+cd chat-app-react-nodejs
+```
+Now rename env files from .env.example to .env
+```shell
+cd public
+mv .env.example .env
+cd ..
+cd server
+mv .env.example .env
+cd ..
+```
+
+Now install the dependencies
+```shell
+cd server
+yarn
+cd ..
+cd public
+yarn
+```
+We are almost done, Now just start the development server.
+
+For Frontend.
+```shell
+cd public
+yarn start
+```
+For Backend.
+
+Open another terminal in folder, Also make sure mongodb is running in background.
+```shell
+cd server
+yarn start
+```
+
+Done! Now open localhost:3000 in your browser.

images/snappy.png

@@ -0,0 +1 @@
+REACT_APP_LOCALHOST_KEY="chat-app-current-user"

images/snappy_login.png

@@ -0,0 +1,2 @@
+PORT=5000
+MONGO_URL="mongodb://localhost:27017/chat"