Welcome to Mission X Project - frontend

First Git Actions

• After cloning and pulling the base project please create on your local machines your own development branch and push to remote
• Commit often
• Please put concise and precise commit messages
• Push often

Below are our reference guidelines so that we all code in sync

Folder Structure (just suggestion, you can set up your own group project structure):

• folder 'public'
  • folder images (refer to public-images folder)
• folder 'src'
  • folder 'Components' (All re-usable components)
  • folder 'Styling' (All CSS modules required)
  • folder 'Pages' (All Pages which import re-usable components)
  • folder 'images' (refer to src-assets)

Ideally No new folders are to be created unless discussed first to avoid conflicts/confusion.

Name Conventions:

• All components/pages should be written in camelCase but with the first letter capitalised: - ie: HomePageNavBar.js - HomePageFooter.js - StudentProfileNavBar.js

• All CSS styling className are to named with camelCase

  • When naming classNames please reference which page/component your module relates to.
    • ie: HomePageNavBar.module.css - HomePageFooter.module.css - StudentProfileNavBar.module.css

How to Start:

1. After clone this repo to your local directory, Please run

npm install or npm i

2. In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.