NMMUN— a conference site shipped at fifteen.
A full conference website for the New Millennium Model United Nations — councils, schedules, registration funnel, team profiles, gallery. Originally built at fifteen as Head of IT for the 2023 batch, then forked by the 2024-25 batch on the same codebase. 500+ delegates used it across two consecutive conferences.
"We needed a conference site that could carry the prestige of an international MUN — councils, chairs, schedules, registration — and still be maintainable by next year's IT lead. No CMS budget, no dev team, just one student."
— NMMUN'23 · New Millennium School Dwarka
- 01Most school MUN sites are static HTML or a one-page Wix build. NMMUN'23 needed councils with per-committee detail pages, chair profiles, schedules, dress code, rules of procedure, and a registration funnel — all polished enough to represent the school internationally.
- 02Built solo as a Year 10 student before any commercial experience. Every architectural choice had to be defensible for the next batch's IT lead to inherit, not just functional for one event weekend.
- 03Content had to be event-aware. The hero, countdown, and CTAs needed to behave differently before, during, and after the conference without a manual swap on event day.
The calls that meaningfully moved the outcome. Not the cosmetic stuff.
All councils, teams, table-of-content blocks, and navigation pulled from lib/links.ts; hero copy, event timing, itineraries, and dress code from lib/config.ts. Next year's IT lead edits two files to roll the site forward — no hunting through JSX.
Hero countdown, CTA states, and banners derive from eventDate/eventEndDate through a single useTime hook. Pre-event, day-of, and post-event states render automatically — no scheduled deploys on conference morning.
/council/[id] renders a detail page per committee — topic, background guide, chair bios — from the same data source as the council listing. Adding a new committee is one entry in the array; route, listing, and detail page all update together.
Radix primitives via shadcn/ui for accessible accordions, dialogs, and sidebars. Framer Motion for page transitions and entrance animations. Embla carousel for the hero. Production-grade UI without rolling components from scratch.
lib/metadata.ts generates Open Graph and Twitter tags per route. Councils, registration, gallery — each gets its own preview card when shared across Instagram, WhatsApp, and email, which is where 90% of delegate traffic actually came from.
TODO.md, stable naming conventions, and a clear separation between content (lib/) and components carried the codebase from the 2023 batch to the 2024-25 batch without a rewrite. Still on the same architecture two years later.
Screens, not mockups. The actual product—annotated.
"Samridh took over the role and immediately delivered something well beyond what any of us expected. We'd never had a proper conference website before — this year we have one we're genuinely proud to send out."