Skip to content
Observation log
Entry 01Full Stack2025

Campus Event Platform

A single place for a college to publish events, take registrations and check attendees in — replacing the spreadsheet-and-WhatsApp workflow most departments run on.

Role
Design and development
Year
2025
Instruments
  • Next.js
  • TypeScript
  • Tailwind CSS
  • PostgreSQL
  • Supabase
  • Vercel
Cat. 001Full StackCampus Event Platform

IOverview

Departments at my college announce events over notice boards and group chats, then collect registrations in a spreadsheet that one person owns. Attendance gets counted on paper at the door. This project consolidates the whole cycle — publish, register, check in, review — into one application with a role for each person involved.

IIThe problem

Registration data lived in whichever spreadsheet the organiser created, so nobody could see totals across departments, duplicate sign-ups were common, and a student had no single page that told them what was happening on campus this week. Check-in at the door was a printed list and a pen.

IIIThe approach

A role-aware web app built on a normalised Postgres schema. Organisers create an event and get a shareable page plus a live registration count. Students browse a filtered feed and register in one tap. At the door, a QR code on the student's ticket is scanned against the registration table, so attendance is recorded as it happens rather than transcribed afterwards.

Key features

  • Role-based access for students, organisers and administrators
  • Event feed with filters for department, date and category
  • One-tap registration with duplicate protection at the database level
  • QR ticket generation and scan-based check-in
  • Live registration and attendance counts for organisers
  • Responsive layout designed mobile-first for use at the venue

Moreobservations

Cat. 002UI/UXDesign System Starter
UI/UX2025 Featured

Design System Starter

A small, opinionated component library — tokens, primitives and documentation — built to keep my own projects visually consistent instead of restyling buttons every time.

Figma / React / TypeScript
Cat. 003Full StackShared Expense Tracker
Full Stack2024 Featured

Shared Expense Tracker

A hostel-room expense splitter that settles a month of shared costs into the smallest possible set of payments.

React / TypeScript / Node.js