GDSC Website

Google Developer Student Clubs (GDSC) is a student-led community backed by Google Developers aimed at empowering undergraduate students from all disciplines to grow their knowledge in technology, build solutions for their local communities, and connect with other members from the Google community.

About The Project

This is the official website for the University of Toronto Mississauga Google Developer Student Club (UTM GDSC). The frontend is built with Next.js, React, and MUI.

Except where otherwise noted, the is project is licensed under the LGPL 2.0 or later license.

Getting Started

• install npm:

   > npm install npm@latest -g

• install dependencies:

   > npm install

• start the app:

   > npm start

Open http://localhost:3000 with your browser to see the result.

Access proprietary files

We use a submodule to access files not licensed under an open source license. To access these files, run the following commands:

git submodule sync
git submodule update --init

To update the submodule, run the following commands:

git submodule -q foreach git pull -q origin main
git submodule update --remote --merge

Maintenance

Adding Google Tag Manager (GTM) ID

To add the GTM ID, create a .env.local file or set the NEXT_PUBLIC_GTM_ID environment variable to the GTM ID.

For example, if the GTM ID is GTM-XXXXXXX, then the .env.local file should contain the following:

NEXT_PUBLIC_GTM_ID=GTM-XXXXXXX

Updating the Navbar

As of commit a414b04, the navbar is generated from a JS object. To update the navbar, edit NavbarTabData.jsx.

Adding a new Workshop

Note: You must have GitHub action permissions to add a new workshop.

1. Navigate to the Create Workshop GitHub action.
2. Click the Run workflow button.
3. Select the develop branch. (Make sure the develop branch is up to date with the main branch first.)
4. Fill in the prompts as needed.
5. Click the Run workflow button.
6. Create a pull request from the develop branch to the main branch.
7. Merge, and you're done!

Updating the Team List

Note: You must have push access to our private submodule to update the team list.

1. Navigate to the private team list image repository and remove all images from the team folder.
2. Add the new team member images to the team folder.
3. Open your favourite text editor and navigate to the src/data/team.json file.
4. Follow the schema to replace the file with the new team members to the JSON file.
   • Note that the image field is the name of the image file in the private team list image repository.
5. Commit and push the changes to the develop branch, then PR and merge! ^-^

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Contact

You can contact us via Discord or by GitHub Issues