Skip to content

Add SCEvents Landing Page#2069

Merged
steeevin88 merged 3 commits intoSCE-Development:devfrom
trista-chen-29:trista/scevents_landing_page
Apr 2, 2026
Merged

Add SCEvents Landing Page#2069
steeevin88 merged 3 commits intoSCE-Development:devfrom
trista-chen-29:trista/scevents_landing_page

Conversation

@trista-chen-29
Copy link
Copy Markdown
Contributor

@trista-chen-29 trista-chen-29 commented Apr 1, 2026

issue #2067

Summary

  • Implemented /events page in Clark
  • Fetches events from SCEvents backend (GET /events)
  • Displays events in a responsive card grid
  • Feature-gated behind SCEvents.ENABLED

Features

  • Loading / error / empty states
  • Event metadata (date, time, location)
  • Responsive layout (1/2/3 columns)
  • Uses existing Clark styling patterns

Notes

Testing

  • Tested with SCEvents running locally
  • feature flag OFF
Screenshot 2026-03-31 at 11 50 09 PM

When SCEvents.ENABLED = false, navigating to /events redirects to the NotFound page.
Screenshot 2026-04-01 at 1 40 52 AM

  • feature flag ON
Screenshot 2026-03-31 at 11 51 45 PM
  • loading state
Screenshot 2026-04-01 at 12 01 13 AM
  • error state
Screenshot 2026-04-01 at 12 03 10 AM
  • empty state
Screenshot 2026-03-31 at 10 27 56 PM
  • successful data fetch and render
Screenshot 2026-03-31 at 11 21 30 PM

Sample Data

  • Used locally created test events via SCEvents backend
  • Example response from GET /events:
[
  {
    "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.

really awesome work! really appreciate the screenshots + detailed PR; makes reviewing a lot lot easier

could you add one more screenshot where you go to /events with the feature gate off? just want to confirm that the redirecting logic still works as intended

other than that looks great

Copy link
Copy Markdown
Contributor

@charred-70 charred-70 left a comment

Choose a reason for hiding this comment

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

lgtm you're so cool trista

@steeevin88 steeevin88 merged commit 0116cb0 into SCE-Development:dev Apr 2, 2026
4 checks passed
@trista-chen-29 trista-chen-29 deleted the trista/scevents_landing_page branch April 8, 2026 22:30
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.

3 participants