Skip to content

waterloop/waterloop-website

Repository files navigation

Waterloop Website

Why do we need a website?

Our website represents the Waterloop team professionally, to help establish and sustain our network of supporters and sponsors, as well as showcase all the cool stuff the team is working on. It also acts as the portal through which candidates apply to our various subteams every recruitment cycle.

💻 Technologies

The website codebase is written in ReactTS (TypeScript), and connects to the CMS server repo which is written in ExpressJS.

Setup

  1. Ensure you have node v16, yarn v1 installed. See onboarding docs for more info.
  2. Ensure you've already setup waterloop-cms (then start waterloop-cms backend). Please follow the README.md guide for waterloop-cms if you haven't already.
  3. Install dependencies with yarn install
  4. Create a .env file, then copy + paste relevant variables from wloop.ca/web-env-vars
  5. Launch the website in a new terminal with yarn start

🔨 Some features to implement

  • Add animation to the pod displayed on the website home page.
  • Integrate Google Analytics.
  • Improve the site’s mobile responsiveness.

✨ Deployed site

Check it out at https://teamwaterloop.ca/.