An interactive gallery of Mohith's hackathon milestones, set in open space. The milestones ring the visitor at eye level; the "Untitled Universe" cards around them hold space for what has not happened yet.
The same deck can be hung four ways: Room, Spiral (in the order things happened), Wall (all at once) and Tunnel (fly through it). Select a card to bring it forward with its story.
- Next.js and React
- Three.js for the scene, Anime.js for every transition
- TypeScript
- Vercel
Node.js 24 and pnpm 10.33 are required.
pnpm install --frozen-lockfile
pnpm devOpen http://localhost:3000.
- Put the image in
public/hackathon/(WebP, longest side 1600px or less). - Add an entry to
MILESTONESinlib/cards.ts, withaspectset to the image's width divided by its height. The layouts adapt to the count.
pnpm check
pnpm audit --audit-level moderateThe GitHub Actions workflow runs install, lint, type-check, dependency audit, and
the production build for pull requests and pushes to main.