The official (award-winning) website for ACM at UCLA, the largest tech community on campus!

website

Add/change/delete surrounding delimiter pairs with ease. Written with :heart: in Lua.

nvim-surround

The home for ACM Cyber at UCLA! Website for the premier cybersecurity club at UCLA.

acmcyber.com

An archive of past challenges from LA CTF hosted by ACM Cyber at UCLA and Psi Beta Rho.

lactf-archive

📊 Website with UCLA grade distributions from 2021-2024

uclagrades.com

ACM Cyber's modular script for syncing unified event information across disparate platforms!

cyanea

Platform for LA CTF. Forked from redpwn/rctf.

lactf-platform

icpc-website

LA CTF hosted by ACM Cyber & Psi Beta Rho! Website for the largest annual cybersecurity competition at UCLA! Whether you are tackling your first exploit or have professional experience, there will be challenges just right for you!

lactf-website

Hardware/Firmware for LA Hacks 2022 2nd Place Overall, Best Hardware Hack, Life Hacks Track Winner: An IoT Communal Sharing System

lockr-hardware

opensource

A proof verification of "Optimal Implementation of Quantum Gates with Two Controls".

2ControlVerification

A next.js, typescript, react starter repository with built-in linting and github actions for ACM project development!

next-ts-starter-template

XHacks 2021 Startup Track Winner: Be Heard. Educate, Enact, Empower. No voice left behind. (backend)

be-heard-backend

<img width="1470" height="956" alt="Screenshot 2025-11-06 at 8 03 41 PM" src="https://github.com/user-attachments/assets/7d76342d-51c0-448f-abab-fc566201c961" />
The deploy preview shows outdated information, likely from spring 2024, with the main picture also being from the Spring 2024 townhall. We definitely need to update both of those before merging to main.

uclaacm/website

Create an automatic PR format for the frontend and backend repos. IIRC this is just creating a template in the /.git folder.

Automatic PR Formatting

uclaacm/membership-portal-ui

Enforce ESLint checks on all PRs. PR should not be allowed to be merged in unless they pass the ESLint checks.

Also applies to the backend.

Github Actions: Linting

# Overview:

In our downsizing on AWS, we got rid of our membership-staging instance. Over the years, our Jenkins pipelines have also been left in the dust due to a lack of use and lack of documentation. We would like to recreate a proper CI/CD pipeline - feel free to use the previous Jenkins pipelines as references. We can either do direct CD into Prod, or if you would like, we can try to implement staging again, now that we're moving to self-hosted hardware.

Related Backend Issue: [71](https://github.com/uclaacm/membership-portal/issues/71)

# Requirements

## CI (Continuous Integration)
- Automated tests
  - Unit tests, Integration, Lint; only major required one is Build & Lint
  - Block merging on any failed tests

## CD (Continuous Deployment)
- We want Prod to update with any PR to main
  - If you're feeling bold, we can try to implement staging again. We can also do more fancy deployment strategies with green/blue or flags
  - Ideally CD should take a backup before updating prod (on the backend), we've had issues with dropping the DB by accident in the past.
- Build and push Docker images for backend and frontend
- Automatically deploy latest images to production

# Details:

Documentation, Including previous Jenkins pipelines: https://docs.google.com/document/d/1jDsDPNLlW536gx-XM4TS5j9mjmjVsUfbCxTsUQXcf5Y/edit?usp=sharing

(bless Camilla for writing this)

CICD Across Membership Portal

uclaacm/membership-portal

Sounds good—I'll get on it as soon as possible.

![Image](https://github.com/user-attachments/assets/e4938593-dc71-4cb8-8e66-4358c8478602)

Figure out what is happening here and what we can do about it- in particular, we should at least increase the height so both levels of images or seen... ideally if you can find a good HTML/CSS class so we can get most images to be the original aspect ratio that'd be great

Image Carousal

membership-portal

sounds good. Let's get rid of the extraneous packages, but otherwise should be good.

There's several extraneous packages I realized I need to remove with the next commit, but w.r.t. `append-field@^1.0.0` specifically it's listed as a direct dependency of `multer`.

<img width="201" height="123" alt="Screenshot 2025-11-06 at 6 14 18 PM" src="https://github.com/user-attachments/assets/340096d7-8d3b-48af-b868-6af05a5c3a25" />


membership-portal-ui

Yeah I can add that, any preference as to whether URL or upload should be prioritized in the event of both having values?

Forgot to fix that - internally the file is saved and will be uploaded/displayed without issues

@ArshMalik02 can you specify a bit more if you still remember how you recreated this issue? 

The events page lists all the events correctly, but none of the event cards have event banners.

Membership Portal Events

Do you have anything in mind? I wasn't sure how to style the file input to make it look consistent with the rest of the UI.

lgtm for the most part! I'll do a more indepth review after we look through frontend

What are these used for? Running `yarn install` on my system removes these (except for multer), which makes me think these aren't used.

JK just looked up and saw your size checking

Given it's on AWS right now, we only have like 20GB of flash storage total on the instance. Wouldn't want to run out before we migrate to self hosted hardware

Are we enforcing image file size limit or compression on this?

Can we actually show the public URL for this link? In the future, it might be good to allow Admins to upload images on the portal and get a public URL back.

## Description

- Created new API routes (`/api/v1/image`, `/api/v1/image/raw/:uuid`)
- Created new `Image` resource with cols `id`, `uuid`, `data`, `mimetype`, & `size`
	- **This is backwards compatible with existing `Event.cover`, as `Image`s are accessible via `/api/v1/image/raw/:uuid` on the frontend**
- Added new package `multer`
- Fixed minor ESLint issues to silence errors

#### *For a description of frontend changes, see [related PR](https://github.com/uclaacm/membership-portal-ui/pull/172) on `membership-portal-ui`*

## Related Issue

Resolves uclaacm/membership-portal-ui#161
Related to uclaacm/membership-portal-ui#172

## Steps to view & test changes:

- Pull changes & checkout branch
- Run `make` in `membership-portal-deployment:/dev`

## How Has This Been Tested?

- [x] Manual tests
- [x] Responsive View

feat: implemented upload image to event on backend

API Version 1

API Version 1: Images

Can we / 1e-6 and just report MB? I think that'll make more sense.

<img width="404" height="358" alt="image" src="https://github.com/user-attachments/assets/544273db-a4b1-4dc4-8596-20f58c940674" />

Still reports no file chosen after uploading an image

Right now, creating an event looks like this:

<img width="1870" height="915" alt="Image" src="https://github.com/user-attachments/assets/a67b4d68-543f-4024-867a-7691839d3fbb" />

This honestly looks pretty bad, and there's no reason to use so little space. Let's redo this, so it looks less cluttered and is more user friendly. Off the top of the head, expanding it longer, or a Modal in the middle of the screen would look better.


Also, do an option to create a Reoccurring event

open source at UCLA

Projects →

Learning →

Events →

Contribute →

featured project

icpc-website

what we've been doing recently...