CSwala/CSwala-website

Initialize the React App

Closed this issue · 0 comments

Key Deliverables

  • Remove all previous code-related files of the dummy-site. Retained the logo.png and rituraj-jain.jpg (rename and keep it organized in src/assets .
  • add favicon.ico and a Preloader too.
  • use SCSS (npm i scss previously known as dart-scss) to centralize repeatable CSS and Colors. It prevents rendering of the same code again and again. Using SCSS, throughout the website we will be able to use only a set of predefined colors provided in _color.scss. This will help maintain a color consistency and thus, it will set a "color theme" for the website
  • Follow Proper File structure. Create a FILE-STRUCTURE.md. Implement boiler Plate code within each and every file.
  • implement SEO using "react-helmet".
  • App.jsx should redirect all invalid routes to 404 page.
  • Header and Footer components should be imported in App.jsx such that Header and Footer will appear in all pages except the 404 page
  • Implement Code splitting in App.jsx. Code-splitting enables bundling of different pages. Thus, when a user requests a particular page, only the code bundle required to load that page is downloaded. This increases the Load time of the webapp significantly 😍😍