Website for the Product Management Club @ UW

This website is the cumulative effort of 6 UW students over the course of 6 months as part of the Web Impact initiative to facilitate the creation of free-of-charge websites for local communities and organizations within the Seattle area. It was bootstrapped with Create React App, styled with CSS, and deployed through GitHub pages. Icons used on the events page are the Fluent UI System Color Icons by Microsoft Corporation.

The Team:

Project Lead: Tina Lai

Design: Deveshi Modi, Celine Chen, Patricia Isabel
(Check out their Figma design prototype!)

Coding: Rina Yuan, Ameya Bhide, Tina Lai

Sanity.io

This website uses Sanity.io, a headless CMS, to provide an intuitive, code-less editing interface for the client.

The following information for the website can be updated / modified via Sanity:

• Officer info cards
• Events
• Photos in the photo gallery
• Events (eventInfo) and Officers (clubOfficer) are orderable via the orderable document list plugin and fetch in order from top to bottom of the list.

You can access the sanity studio at https://pmclub-uw.sanity.studio/.

Step-by-step to run this React application on your local computer

0. Clone this repo to your local machine using git

Here's Github's Documentation.

1. Install node.js / npm

Visit node.js and follow their instructions.

2. Install Dependencies

Run npm install, then npm install -g @sanity/cli in the root directory of the project.

After this has succeeded, you can run the following scripts:

• 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.

3. Install sanity.io

Run sanity install in the sanity folder (./sanity).

After this has succeeded, you can run the following scripts (still inside the sanity folder):

• sanity dev

  • Runs the sanity studio in development mode; open http://localhost:3333 to view it in your browser.
  • The page will reload when you make changes. You may also see any lint errors in the console.

• npm install vision@latest / npm install sanity@latest

  • Upgrades the relevant sanity packages so they're up to date. In the event of running into errors about out-of-date packages.

Deployment

To deploy any new changes to the GitHub pages, run the following in the project directory:

• npm run predeploy
• npm run deploy

To deploy any new changes to the Sanity schema, run the following in the sanity folder (./sanity):

• sanity deploy

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.