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.
The website codebase is written in ReactTS (TypeScript), and connects to the CMS server repo which is written in ExpressJS.
- Ensure you have
node v16
,yarn v1
installed. See onboarding docs for more info. - 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. - Install dependencies with
yarn install
- Create a
.env
file, then copy + paste relevant variables from wloop.ca/web-env-vars - Launch the website in a new terminal with
yarn start
- Add animation to the pod displayed on the website home page.
- Integrate Google Analytics.
- Improve the site’s mobile responsiveness.
Check it out at https://teamwaterloop.ca/.