A conventional gallery does not capture the feeling of exploring a set of shared moments, people, and messages.
Back to selected work
Interactive PrototypeFull Stack · Web
Time Capsule
An interactive 3D space for preserving and revisiting shared memories.
- Role
- Web Developer
- Period
- 2026
- Stack
- Next.js · React · TypeScript · Three.js · React Three Fiber
Project media
No verified project screenshot is published here. The public repository is linked for implementation evidence.
Overview
What the project needed to solve.
The project turns those memories into an interactive 3D world where objects open a timeline, gallery, and message board, while characters provide conversational entry points.
Contribution
Responsibilities and shipped work.
The wording reflects contribution and maintenance work without claiming sole ownership.
- Built the experience with Next.js, React, TypeScript, and Zustand state management.
- Implemented an explorable React Three Fiber world with interactive landmarks and characters.
- Created Indonesian, English, and Korean interface variants.
- Added timeline, gallery, public message, audio, light/dark, and ending flows.
- Integrated AI-assisted chat routes and prepared the Next.js application for Cloudflare through OpenNext.
Technology
Trace the stack back to the work.
Select a technology to see the projects where it is evidenced.
Where I used Next.js
Engineering areas
Challenges handled in context.
3D interaction in React
Coordinate camera movement, interactive scene objects, overlays, and UI state without losing the exploratory feel.
Media and motion
Combine WebGL, GSAP transitions, sound effects, and background audio while keeping user controls explicit.
Edge deployment
Prepare a Next.js application with API routes for a Cloudflare deployment model through OpenNext.
Highlights
What is evidenced by the work.
- Interactive 3D environment rather than a conventional content grid.
- Three-language interface: Indonesian, English, and Korean.
- Timeline, photo gallery, and public message experiences.
- AI-assisted character and capsule companion conversations.