Initialize the React Project (#18)

Author: ashuvssut

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

CONTRIBUTING.md

@@ -9,6 +9,8 @@
 ## Before Getting Started!
 Learn how to fork a repo, create an issue, make changes, create pull request.
 
+Learn about the File structure we use [here](/FILE_STRUCTURE.md)
+
 For more information, refer to <a href = "https://docs.github.com/en" target = "_self">GitHub Documentation</a>
 
 --------

FILE_STRUCTURE.md

@@ -0,0 +1,52 @@
+# CSwala Website File Structure
+
+```
+CSwala-website/
+|
+|- public # Contains the favicon, etc. Any files within this directory will not be processed by Webpack but copied directly to the build folder.
+|- src: # Contains all source code for the React application.
+    |
+    |- App.js
+    |- index.scss
+    |- index.js
+    |- assets   # Contains all the community brand assets. Keep all images, clips, etc here only
+    |- components/   # Contains all the GLOBAL components used by "more than one" page. (includes Header, footer,etc.)
+    |-fonts/         # Contains all the fonts 
+    |-pages/         # Contains all the sections of the page.
+    |      |-----Home /
+    |      |      |- Home.jsx    # has sections as components
+    |      |      |- home.module.scss
+    |      |      |- components/ # this components folder has components that is used by multiple sections of the same page (Home page)
+    |      |      |     |-component1Name/
+    |      |      |     |    |- Component1Name.jsx (in PascalCase)
+    |      |      |     |    |- component1-name.module.scss (in kebab-case)
+    |      |      |     |
+    |      |      |     |-component2Name/
+    |      |      |         |- Component2Name.jsx
+    |      |      |         |- component2-name.module.scss
+    |      |      |
+    |      |      |- sections/ # contains all sections of the page
+    |      |            |
+    |      |            |----Banner/  # section1 of the page
+    |      |            |        |- Banner.jsx
+    |      |            |        |- banner.module.scss          
+    |      |            |        
+    |      |            |                          
+    |      |            |------Team/ 
+    |      |                     |- Team.jsx
+    |      |                     |- team.module.scss
+    |      |                     |- components/ # this components folder has components that is used by this section only
+    |      |                          |
+    |      |                          |-component1Name/
+    |      |                               |- Component1Name.jsx 
+    |      |                               |- component1-name.module.scss
+    |      |            
+    |      |            
+    |      |
+    |      |- Contact us/
+    |      |- 404/
+    |
+    |
+    |-seo/ # Contains code for meta tags using react-helmet
+
+```

README.md

@@ -25,18 +25,7 @@
 🚀 Get Ahead with the right guidance from the Community.
 
 ## 🛠 Tech Used
-- HTML
-- CSS
-- Bootstrap
-- Javascript
-
-[![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg)](https://forthebadge.com)
-[![forthebadge](https://forthebadge.com/images/badges/uses-git.svg)](https://forthebadge.com)
-[![forthebadge](https://forthebadge.com/images/badges/uses-html.svg)](https://forthebadge.com)
-[![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)](https://forthebadge.com)
-[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)
-
-
+- React
 
 ## Contribution Guidelines ⚙️
 You can find our Contributing guidelines [here](https://github.com/CSwala/CSwala-website/blob/main/CONTRIBUTING.md).