UC Santa Cruz - Association for Computing Machinery Club Website

A website that allows students to explore what ACM has to offer and keep up to date with upcoming events.

Link: https://ucscacm.netlify.app/

Table of contents

• About
• Technologies
• Features
• Challenges
• Setup

About

This React + Sanity project utilizes NPM packages like React Router Dom and Node Sass for the frontend, and Sanity Studio for the Content Management System. Using Sanity allows members of the current ACM club to be able to edit/change the board member's descriptions and add upcoming events without ever touching code through Sanity Studio's content management system. I learned how to dynamically load the contents and display it on the website. This website will be open to public around Spring 2021.

Time to complete: ~ 30 hours

Technologies

Project is created with:

• React
• React Hooks (useEffect, useState, useRef)
• Sanity Studio
• Sass
• HTML

Features

• Homepage that displays what ACM is about
• About Us page that introduces the board members and get to know them
• Events page that displays upcoming events on the calendar
• Resources page that gives students important information and resources
• Contact page to contact ACM club

Challenges

• Setting up the events calendar to show up dynamicall with the upcoming events and making it responsive
• Connecting Sanity CMS and React together and allows other people to change/add information

Setup

To run this project, install it locally using npm and go into the root folder:

$ npm install
$ npm start