MaRS IIITDM
An official site, built to launch.
Most college club sites are a sponsor's afterthought. MaRS asked for the opposite: a site that opens with a rover and earns the sponsor before they read a line. Built end-to-end with the club, designed to outlast the team that ships it.
/ What we built
The shape of it.
- 01
An interactive 3D rover hero rendered with react-three-fiber, weight-balanced for low-end laptops.
- 02
Competition timeline scroll-locked with GSAP — Anantha-class missions, IRC results, team milestones.
- 03
Team + alumni directory with role tags, generated from a single CSV so future captains can edit without touching code.
- 04
Sponsor section structured for outreach — tiered packages, deliverables, contact route.
- 05
Built for the club to maintain after handoff: shadcn-style component library, MDX-driven content, no CMS bill.
/ Stack
What it's made of.
- Next.js
- React
- TypeScript
- Tailwind
- Framer Motion
- GSAP
- Lenis
- react-three-fiber