Skip to content

yongchenglow/nus-students-sports-club

Repository files navigation

NUS Students' Sports Club Website

NUS Students' Sports Club Logo This repository contains the code for NUS Students' Sports Club Website.

Table of Contents

  1. Running the Application on your computer
    1. Install Node.js
    2. Downloading the Application
    3. Downloading for Testers
    4. Cloning for Developers
    5. Committing for Developers
    6. Running the Application
  2. File Structure
  3. Testing
  4. Logging
  5. Acknowledgements
  6. License

Running the Application on your Computer

Install Node.js

Install Node.js by going to the following website and download the LTS version.

image of Node JS Homepage

After installing Node.js, check that everything has been installed correctly, open the terminal application and type in the following:

node -v

If you see it return the version number 16.14.0, all is well.

Downloading the Application

Downloading for Testers

  1. Download the repository
  2. Unzip the file in your desired location

Cloning for Developers

  1. Download git for mac or windows and install it
  2. Create a github account
  3. Navigate to the folder on where you want to store your computer
  4. Open Terminal(Mac) or Cmd(windows)
  5. Type
cd<space>
  1. Drag the folder into the Terminal
  2. Press the enter key
  3. Type the following into the Terminal
 git clone https://github.com/yongchenglow/nus-students-sports-club.git

Committing for Developers

  1. Download Visual Studio Code and install it
  2. Launch Visual Studio Code(VSCode)
  3. Drag the folder you have just cloned into VSCode
  4. Install the plugins
  5. Make the necessary changes
  6. Find the source control tab in VSCode on the toolbar on the left
  7. Stage all the changes by clicking the + button on the right hand side of the word changes
  8. You should see the files moved under the Staged Changes tab
  9. Write a commit message by describing the changes you have made
  10. Click on commit to master

Running the Application

  1. Open Terminal(Mac) or Cmd(windows)
  2. Type
cd<space>
  1. Drag the folder into the Terminal
  2. Press the enter key
  3. Run the following commands
npm install
npm start
  1. By default you should be able to access the website on your localhost http://localhost:3000/

File Structure

nus-students-sports-club
├── src
│   └─── components
│         ├── 39 (39th MC Webpage)
│         └── home
│              └── pages
│                   ├── ifg
│                   ├── main
│                   ├── nusbiathlon
│                   ├── runnus
│                   └── sunnus
└── public
     ├── data
     │    ├── 39 (39th MC Webpage)
     │    └─── memberClubs
     ├── elections
     ├── ifg
     ├── images
     ├── main
     │    ├── 39
     │    ├── 40
     │    ├── 41
     │    └── current
     ├── nusbiathlon
     ├── runnus
     └── sunnus

## Testing

Testing in this app is done using Jest, to write test cases you may refer to their [docs](https://jestjs.io/docs/en/getting-started)

In order to run the test, type the following commands in terminal:

npm test


## Acknowledgements

1. This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## License

[GNU GENERAL PUBLIC LICENSE](./LICENSE)

About

NUS Students' Sports Club Website

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published