To deploy your application, write the following in bash:
chmod +x deploy.sh
./deploy.sh
To get your development environment running locally:
cd client
npm i
npm start
Step 1: Upload Event Image
- Place your event image in:
client/src/assets/events/(current academic year)/
Step 2: Import the Image
- Add the import statement to:
client/src/constants/eventData.js
Step 3: Add Event Object
Add a new event object to the corresponding year in the eventsData
const:
{
id: 1,
name: "Event Name goes here",
time: "August 16, 2025 - 6:00 PM",
location: "Davis 101",
description: "Description goes here",
poster: event_image_that_you_imported,
}
To change which academic year displays first on the events page:
- Update the initial state of
selectedCategory
in:client/src/components/events/Events.js
Step 1: Upload E-Board Image
- Place member image in:
client/src/assets/eboard/(current academic year)/
Step 2: Import the Image
- Add the import statement to:
client/src/constants/eboardData.js
Step 3: Add Member Object
Add a new member object to the corresponding year in the eBoardData
const:
{
id: 10,
name: "Name goes here",
role: "Title of role goes here",
linkedin: "Link to linkedin goes here",
image: member_image_that_you_imported,
}
To change which academic year displays first on the e-board page:
- Update the initial state of
selectedYear
in:client/src/components/eboard/EBoardComponent.js
To update the main landing page carousel images:
Step 1: Upload Image
- Place your image in:
client/src/assets/hero/
Step 2: Import and Add
- Import the image in:
client/src/components/hero_/HeroComponent.js
- Add the imported image to the
images
const array
- Compress images before uploading to improve load times
- Ensure unique IDs when adding new events or e-board members
- Rn the website is purely static, might be good to add a database or CMS integration
- Working on a potential "About" page for more details of what ACM does