Skip to content

Implement event registration logic for SCEvents#2073

Merged
steeevin88 merged 3 commits intodevfrom
khoa/registration
Apr 8, 2026
Merged

Implement event registration logic for SCEvents#2073
steeevin88 merged 3 commits intodevfrom
khoa/registration

Conversation

@KhoaNguyen706
Copy link
Copy Markdown
Collaborator

@KhoaNguyen706 KhoaNguyen706 commented Apr 3, 2026

Issues 2071
Add New Registration Page
Features:
-Created a premium-styled registration form with glassmorphism effects.
-Dynamic Form Rendering: The page now automatically generates form fields based on the registration_form data from the event (supporting textboxes, dropdowns, radio buttons, and checkboxes).
-Mock Submission: When a user submits the form, it displays a detailed alert with a summary of their responses.

  1. Register button with each events
image

after change:
image

  1. Register Page with custom form
image image image

after change:
image

  1. Alerting when submit the from
image

after change:
image

Sample Data:
[
{
"id": "alumni-talk-2026",
"name": "Alumni Industry Talk",
"date": "2026-04-15",
"time": "6:00 PM",
"location": "Room 123",
"description": "Hear from SCE alumni working in industry.",
"admins": [],
"registration_form": [],
"max_attendees": 80,
"created_at": "2026-03-31",
"status": "published"
},
{
"id": "company-tour-2026",
"name": "Company Tour",
"date": "2026-04-20",
"time": "2:00 PM",
"location": "San Jose Tech HQ",
"description": "Tour a real tech company office.",
"admins": [],
"registration_form": [],
"max_attendees": 40,
"created_at": "2026-03-31",
"status": "published"
},
{
"id": "resume-workshop-2026",
"name": "Resume Workshop",
"date": "2026-04-25",
"time": "4:30 PM",
"location": "ENG 285",
"description": "Get feedback on your resume and prepare for internship season.",
"admins": [],
"registration_form": [],
"max_attendees": 60,
"created_at": "2026-03-31",
"status": "published"
}
]

Copy link
Copy Markdown
Collaborator

@steeevin88 steeevin88 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good! maybe we can discuss in the server more about the UI

a few things though:

Image - could we remove the blue line? seems like it gets messed up with longer titles - can we also maybe just have the event name? instead of "Register for..." - just my two cents but maybe could we make the title a bit smaller? ex. Google Forms' titles aren't super big + bold. obviously though the title should still be relatively big, maybe just less bold is good

@steeevin88
Copy link
Copy Markdown
Collaborator

can you add updated screenshots? and just to make sure this is properly gated, could you try going to /events with the gate turned off!

everything else lgtm though, thanks

Copy link
Copy Markdown
Collaborator

@steeevin88 steeevin88 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good! thanks, am trusting that this is properly gated

the rest of the comments are just notes to consider, no need for additional changes

Comment on lines +207 to +212
{
Component: EventRegistration,
path: '/events/:id/register',
pageName: 'Event Registration',
hideFromShortcutSuggestions: true
},
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmm, this suggests the existence of per-event pages, which doesn't exist yet but i think we definitely will have this in the future; nice proactive design 😄

import config from '../../config/config.json';
import { getEventByID } from '../../APIFunctions/SCEvents';

function ArrowLeftIcon() {
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i think we should probably add an icon library to Clark 😅 let's keep this for now but maybe we can open an issue for this to update all icons across Clark

@KhoaNguyen706 KhoaNguyen706 changed the title SCEvents: implement dynamic event registration system Implement event registration logic for SCEvents Apr 4, 2026
Copy link
Copy Markdown

@c1ndytat c1ndytat left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lttm

Copy link
Copy Markdown
Collaborator

@maernest04 maernest04 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work :)

@steeevin88 steeevin88 merged commit 18aaa76 into dev Apr 8, 2026
4 checks passed
@steeevin88 steeevin88 deleted the khoa/registration branch April 8, 2026 00:06
maernest04 added a commit that referenced this pull request Apr 9, 2026
* Added SCEvents ability to create event

* Fix indent issues

* Modified the scevents api port

* Simplified code, removed unnecessary functions

* Implement event registration logic for SCEvents (#2073)

* Added SCEvents ability to create event

* Fixing rebase problems

* Made changes to SCEvents.js with Steven's comments

---------

Co-authored-by: Quoc Anh Khoa Nguyen <anhkhoa17092006@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants