-
Time Machine
Inspiration
Traditional photo galleries show memories in grids and folders, which makes meaningful moments feel disconnected. Life isn’t experienced randomly — it unfolds over time. We wanted to redesign the gallery around storytelling. Inspired by the idea of a “time machine,” we built a way to scroll through memories chronologically and experience life as a journey. To showcase this, we told Nobita’s story growing up and eventually entering SFU in 2027.
What it does
Time Machine Travel turns your photos into a timeline. Instead of a grid, memories are organized by year and milestones, letting you scroll through time and relive moments in the order they happened. It feels less like browsing files and more like watching your life story.
How we built it
React TailwindCSS Some React libraries Some custom animations Deployed with Vercel
Challenges we ran into
Learning curve for working with 3D Models (ex: customization, animation effects) Ways to visualize memories like time travel Balancing good UX with creative visuals
Accomplishments that we're proud of
Reimagining the traditional photo gallery Building a smooth, story-driven timeline experience Shipping a polished, fully deployed app
What we learned
Working with 3D model concepts and assets Using React Three Fiber and supporting libraries for interactive 3D on the web
What's next for Time Machine
We plan to add: AI memory highlights Tags and milestones Sharing and a mobile version
Built With
- framermotion
- react
- reactbits
- reactthreefiber
- tailwindcss
Log in or sign up for Devpost to join the conversation.