Inspiration Most of us know exactly what we should be doing, but it’s hard to care about a version of "future me" that feels 10 years away. I wanted to build something that makes the future feel immediate and real. The goal was simple: What if you could see a literal mirror of where your current habits are actually taking you?
What it does FutureMirror is an interactive experience that takes your daily habits, mindset, and long-term goals to map out a "Future Report." Instead of just giving advice, it visualizes two distinct timelines: your Current Path (based on today’s choices) and your Optimized Path (the "what-if" scenario). It’s designed to turn abstract goals into a clear, visual wake-up call.
How I built it The project was built using React and TypeScript, focusing on a clean, futuristic UI. I used a modular step-by-step input system to gather data without overwhelming the user. For the "Vibe," I implemented dynamic state management to trigger animations and transitions that make the data feel alive rather than static.
Challenges I ran into The biggest hurdle was definitely the "Race against the clock." I spent a lot of time debugging complex UI transitions and ensuring the logic for the two-path system was actually meaningful. At one point, I hit some major environment errors that almost stalled the deployment, but I had to pivot quickly to keep the project on track for the demo.
What I learned This hackathon was a massive lesson in "Vibe Coding." I learned how to effectively use AI agents to move fast, while still needing to dive deep into the source code to fix syntax bugs and logic errors. It really sharpened my skills in UI/UX—especially how to make a site feel polished under extreme pressure.
What's next I want to take FutureMirror further by integrating AI-driven predictive modeling to make the reports even more specific. I’m also looking at adding real-time habit tracking so the "Mirror" updates as you actually improve your life in the real world.
Built With
- html
- javascript
- react
- tailwind-css
- typescript
- vite
Log in or sign up for Devpost to join the conversation.