diff.log

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..7c279fe
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,7 @@
+REACT_APP_apiKey=#YOUR_FIREBASE_CONST
+REACT_APP_authDomain=#YOUR_FIREBASE_CONST
+REACT_APP_projectId=#YOUR_FIREBASE_CONST
+REACT_APP_storageBucket=#YOUR_FIREBASE_CONST
+REACT_APP_messagingSenderId=#YOUR_FIREBASE_CONST
+REACT_APP_appId=#YOUR_FIREBASE_CONST
+REACT_APP_measurementId=#YOUR_FIREBASE_CONST
\ No newline at end of file
diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 0000000..95d63c1
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,23 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "plugin:react/recommended",
+        "standard",
+        "plugin:prettier/recommended"
+    ],
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "ecmaVersion": 12,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react"
+    ],
+    "rules": {
+    }
+}
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..e69de29
diff --git a/README.md b/README.md
index 91ba1f8..85e95d9 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-    <img src="./assets/logo.svg" alt="platform logo"/>
+    <img style="margin: 0 0 0 40px" src="./assets/logo.svg" alt="platform logo"/>
 </p>
 
 <p align="center">
@@ -16,21 +16,78 @@ A free platform for gamers to explore the indie gaming community, discussion, pr
   <img src="https://camo.githubusercontent.com/3dbcfa4997505c80ef928681b291d33ecfac2dabf563eb742bb3e269a5af909c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f496c65726961796f2f6d61726b646f776e2d6261646765733f7374796c653d666f722d7468652d6261646765"/>
 </p>
 
+<p align="center">
+  <a style="padding: 0 10px;" href="https://indie-threads.netlify.app/">Live Demo</a> • 
+  <a style="padding: 0 10px;" href="#contributing">Contributing</a> • 
+  <a style="padding: 0 10px;" href="#features">Features</a>
+</p>
+
+
 
 <h2 align="center" style="font-weight:bold">Project Description</h2>
 
-A free platform for gamers to explore the <span style="color:#2CB67D">indie gaming community</span>, discussion, promotion by/for developers and players. To spread word of mouth thereby reducing strain on the high budget of advertising. And we'll not be collecting any personal data of user/visitor. Big gaming companies uses their major funds in advertising by paying off the streamers to spread the word of mouth among their viewers and others, this platform would provide them with the same <span style="color:#2CB67D">help without the high budget requirement.</span>
+A free platform for gamers to explore the <span style="color:#2CB67D;font-weight:bold">indie gaming community</span>, discussion, promotion by/for developers and players. To spread word of mouth thereby reducing strain on the high budget of advertising. And we'll not be collecting any personal data of user/visitor. Big gaming companies uses their major funds in advertising by paying off the streamers to spread the word of mouth among their viewers and others, this platform would provide them with the same <span style="color:#2CB67D;font-weight:bold">help without the high budget requirement.</span>
+
+<h2 align="center" style="font-weight:bold" id="features">Platform Features</h2>
+
+- <span style="color:#2CB67D;font-weight:bold">Create community for your games:</span> Create a profile for your game, with discussion forums, ratings, platforms available on, genre, system requirement and lots more.
 
+- <span style="color:#2CB67D;font-weight:bold">Safe environment for dicussions:</span> We have implemented **profane language filters** to clean up bad language in the discussion forums.
+
+- <span style="color:#2CB67D;font-weight:bold">Open for all:</span> Even if a person doesn't create a profile, they can **access the forums' content without the obligation of creating a profile**, he/she will have to create a profile only if they want to add to the content.
+
+- <span style="color:#2CB67D;font-weight:bold">Promote your games:</span> We provide you the feature to **promote your game and its community** in various social media platforms **with just one click.**
 
 <h2 align="center" style="font-weight:bold">Core Values</h2>
 
 1. Serve the community of **"small" known and unknown gaming communities** around the internet.
 2. Help independent game developers to **create a community for their games.**
 
+<h2 align="center" style="font-weight:bold" id="contributing">Contributing</h2>
+
+<span style="color:#2CB67D;font-weight:bold">Indie Threads</span> is an open source project, and any contributions to the project is highly appreciated and encouraged. Feel free to open issues to report bugs or request new features and label them accordingly.
+
+* Make sure to run `npm run format` to format all the files based on the ESLint configuration.
+* Run `npm run lint:fix` to enforce the linting rules before any PR.
+
+**Fireabase setup:** create a firebase project and copy the credentials to `.env.local` file in the root folder. A sample `.env.local` file is provided as `.env.example`.
+
+<h3 style="font-weight:bold">Setup Development environment</h3>
+
+```bash
+# clone the repository to the local directory
+git clone https://github.com/anjali-001/indie-threads.git
+
+# install the dependencies
+npm install
+
+# start the react app
+npm start
+```
+
+<h2 align="center" style="font-weight:bold" id="contributing">Project Demo</h2>
+
+<p align="center" style="margin: 20px 0 30px 0">
+
+  <a href="http://www.youtube.com/watch?v=hEmpHsZgTJo">
+    <img src="./assets/video.png" style="width:300px">
+  </a>
+</p>  
+
+<p align="center" style="margin: 0 70px 30px 0">
+The following is the video demostration of the platform features at the time of submission to the Explorer sprint 
+</p>
+
+<h2 align="center" style="font-weight:bold" id="contributing">Core Team & Inspiration</h2>
+
+This project was initially developed by the following members for the [MLH Explorer Sprint 1](https://devpost.com/software/indie-threads?ref_content=user-portfolio&ref_feature=in_progress). The theme for the spirint was **gaming**. So, we thought of creating a free platform for indie game devs to promote and advertise their games without having to worry about a high budget requirement for promotions whilst providing a channel to the gamers to explore the indie-gaming community which would serve as discussion forums at the same time, indie-threads took its shape.
+
+- [Anjali](https://github.com/anjali-001)
+- [Keshavaa Shaiskandan](https://github.com/skeshavaa)
+- [Siddesh Sambasivam Suseela](https://github.com/SiddeshSambasivam)
+
+**Authored By:** Siddesh
 
-<h2 align="center" style="font-weight:bold">Platform Featuress</h2>
+<h2 align="left" style="font-weight:bold" id="contributing">License</h2>
 
-- Making **threads/pages** for different indie games which would **serve as discussion forums**, reviews, screenshots, videos, stats(rating, current active user base, rank, related games, etc.)
-- Giving an **option of creating profiles** that would serve as a **gaming profile** of a person with ratings, games played, currently playing, platforms available on, tags(PC/PS4), person's gaming setup, system requirement for the game, etc. Even if a person doesn't create a profile, they can **access the forums' content without the obligation of creating a profile**, he/she will have to create a profile only if they want to add to the content.
-- Indie games can suffer from a good amount of cheaters who spoils the gaming experience completely. We can convey the message to Game Devs by contacting them with the gamers' community **support and feedback**.
-- **Monitoring** for the kind of **content** being put out by people with the help of **admin & moderators**.
+Indie Threads is open source and available under the [MIT License](LICENSE).
\ No newline at end of file
diff --git a/assets/logo.png b/assets/logo.png
new file mode 100644
index 0000000..e3e8bab
Binary files /dev/null and b/assets/logo.png differ
diff --git a/assets/video.png b/assets/video.png
new file mode 100644
index 0000000..fcdd58a
Binary files /dev/null and b/assets/video.png differ
diff --git a/package-lock.json b/package-lock.json
index d153e0d..ce7dba4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6109,9 +6109,9 @@
       }
     },
     "eslint": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.21.0.tgz",
-      "integrity": "sha512-W2aJbXpMNofUp0ztQaF40fveSsJBjlSCSWpy//gzfTvwC+USs/nceBrKmlJOiM8r1bLwP2EuYkCqArn/6QTIgg==",
+      "version": "7.22.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.22.0.tgz",
+      "integrity": "sha512-3VawOtjSJUQiiqac8MQc+w457iGLfuNGLFn8JmF051tTKbh5/x/0vlcEj8OgDCaw7Ysa2Jn8paGshV7x2abKXg==",
       "requires": {
         "@babel/code-frame": "7.12.11",
         "@eslint/eslintrc": "^0.4.0",
@@ -6130,7 +6130,7 @@
         "file-entry-cache": "^6.0.1",
         "functional-red-black-tree": "^1.0.1",
         "glob-parent": "^5.0.0",
-        "globals": "^12.1.0",
+        "globals": "^13.6.0",
         "ignore": "^4.0.6",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
@@ -6138,7 +6138,7 @@
         "js-yaml": "^3.13.1",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
-        "lodash": "^4.17.20",
+        "lodash": "^4.17.21",
         "minimatch": "^3.0.4",
         "natural-compare": "^1.4.0",
         "optionator": "^0.9.1",
@@ -6180,11 +6180,11 @@
           }
         },
         "globals": {
-          "version": "12.4.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
-          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
+          "version": "13.7.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.7.0.tgz",
+          "integrity": "sha512-Aipsz6ZKRxa/xQkZhNg0qIWXT6x6rD46f6x/PCnBomlttdIyAPak4YD9jTmKpZ72uROSMU87qJtcgpgHaVchiA==",
           "requires": {
-            "type-fest": "^0.8.1"
+            "type-fest": "^0.20.2"
           }
         },
         "ignore": {
@@ -6210,6 +6210,11 @@
           "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
           "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
         },
+        "type-fest": {
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
+        },
         "which": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -6220,6 +6225,12 @@
         }
       }
     },
+    "eslint-config-prettier": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.1.0.tgz",
+      "integrity": "sha512-oKMhGv3ihGbCIimCAjqkdzx2Q+jthoqnXSP+d86M9tptwugycmTFdVR4IpLgq2c4SHifbwO90z2fQ8/Aio73yw==",
+      "dev": true
+    },
     "eslint-config-react-app": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-6.0.0.tgz",
@@ -6228,6 +6239,12 @@
         "confusing-browser-globals": "^1.0.10"
       }
     },
+    "eslint-config-standard": {
+      "version": "16.0.2",
+      "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-16.0.2.tgz",
+      "integrity": "sha512-fx3f1rJDsl9bY7qzyX8SAtP8GBSk6MfXFaTfaGgk12aAYW4gJSyRm7dM790L6cbXv63fvjY4XeSzXnb4WM+SKw==",
+      "dev": true
+    },
     "eslint-import-resolver-node": {
       "version": "0.3.4",
       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz",
@@ -6327,6 +6344,16 @@
         }
       }
     },
+    "eslint-plugin-es": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz",
+      "integrity": "sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==",
+      "dev": true,
+      "requires": {
+        "eslint-utils": "^2.0.0",
+        "regexpp": "^3.0.0"
+      }
+    },
     "eslint-plugin-flowtype": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.3.1.tgz",
@@ -6413,6 +6440,43 @@
         }
       }
     },
+    "eslint-plugin-node": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
+      "integrity": "sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==",
+      "dev": true,
+      "requires": {
+        "eslint-plugin-es": "^3.0.0",
+        "eslint-utils": "^2.0.0",
+        "ignore": "^5.1.1",
+        "minimatch": "^3.0.4",
+        "resolve": "^1.10.1",
+        "semver": "^6.1.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-plugin-prettier": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.3.1.tgz",
+      "integrity": "sha512-Rq3jkcFY8RYeQLgk2cCwuc0P7SEFwDravPhsJZOQ5N4YI4DSg50NyqJ/9gdZHzQlHf8MvafSesbNJCcP/FF6pQ==",
+      "dev": true,
+      "requires": {
+        "prettier-linter-helpers": "^1.0.0"
+      }
+    },
+    "eslint-plugin-promise": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-4.3.1.tgz",
+      "integrity": "sha512-bY2sGqyptzFBDLh/GMbAxfdJC+b0f23ME63FOE4+Jao0oZ3E1LEwFtWJX/1pGMJLiTtrSSern2CRM/g+dfc0eQ==",
+      "dev": true
+    },
     "eslint-plugin-react": {
       "version": "7.22.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.22.0.tgz",
@@ -6920,6 +6984,12 @@
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
+    "fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "dev": true
+    },
     "fast-glob": {
       "version": "3.2.5",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.5.tgz",
@@ -12454,6 +12524,21 @@
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
       "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
     },
+    "prettier": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz",
+      "integrity": "sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==",
+      "dev": true
+    },
+    "prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "requires": {
+        "fast-diff": "^1.1.2"
+      }
+    },
     "pretty-bytes": {
       "version": "5.6.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
@@ -15072,9 +15157,9 @@
       },
       "dependencies": {
         "ajv": {
-          "version": "7.1.1",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.1.1.tgz",
-          "integrity": "sha512-ga/aqDYnUy/o7vbsRTFhhTsNeXiYb5JWDIcRIeZfwRNCefwjNTVYCGdGSUrEmiu3yDK3vFvNbgJxvrQW4JXrYQ==",
+          "version": "7.2.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.2.3.tgz",
+          "integrity": "sha512-idv5WZvKVXDqKralOImQgPM9v6WOdLNa0IY3B3doOjw/YxRGT8I+allIJ6kd7Uaj+SF1xZUSU+nPM5aDNBVtnw==",
           "requires": {
             "fast-deep-equal": "^3.1.1",
             "json-schema-traverse": "^1.0.0",
@@ -15787,9 +15872,9 @@
       "optional": true
     },
     "v8-compile-cache": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz",
-      "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q=="
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA=="
     },
     "v8-to-istanbul": {
       "version": "7.1.0",
diff --git a/package.json b/package.json
index 6c2e090..92c2682 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,8 @@
     "graphql-tag": "^2.11.0",
     "jodit-react": "^1.0.71",
     "material-design-icons": "^3.0.1",
-    "random-avatar-generator": "^2.0.0",
     "node-emoji": "^1.10.0",
+    "random-avatar-generator": "^2.0.0",
     "react": "^17.0.1",
     "react-apollo": "^3.1.5",
     "react-bootstrap": "^1.5.1",
@@ -38,7 +38,10 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "lint": "eslint ./",
+    "lint:fix": "eslint ./ --fix",
+    "format": "prettier --write \"**/*.{js,jsx,json,md}\""
   },
   "eslintConfig": {
     "extends": [
@@ -57,5 +60,16 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "eslint": "^7.22.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-config-standard": "^16.0.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-promise": "^4.3.1",
+    "eslint-plugin-react": "^7.22.0",
+    "prettier": "^2.2.1"
   }
 }