FutureYou

Inspiration

In fiction, the most compelling arcs often belong to morally grey characters—they make flawed choices, navigate messy consequences, and eventually face a turning point where they must either course-correct or let the chaos take over.

Real life isn’t so different. We are all authors of our own stories, yet we often write the most important chapters completely blind.

Every day, I noticed how easy it is to compromise on sleep, doomscroll for comfort, or promise to “do better tomorrow.” Individually, these micro-choices feel harmless, but silently, they compound.

Traditional habit trackers only judge the past—they fail to show the trajectory of our daily rhythm.

I wanted to build a tool that makes the invisible future visible, giving users the agency to rewrite their narrative before the ink dries.

What It Does

FutureYou is a predictive intervention engine.

Users input daily metrics:

Sleep
Screen Time
Focus
Exercise
Mood

The system calculates a holistic Habit Score and projects it across a 30-day timeline, revealing a predicted future—showing how energy, focus, and mental resilience will evolve.

Instead of stopping at prediction, FutureYou pivots to action with course-correction tools:

Butterfly Effect Sandbox
A real-time simulator where users adjust a single habit and instantly see how their 30-day future changes.
One Small Step Generator
Identifies the weakest habit and suggests a simple, low-barrier micro-action.
Audio Pledge
Uses native browser APIs to let users record a commitment to themselves.
Nervous System Reset
Includes a 60-second breathing pacer and a “Send to Void” journaling tool.

How I Built It

The frontend was built using React.js, with highly customized and responsive CSS3:

CSS variables
Flexbox/Grid layouts
Keyframe animations

The core prediction logic lives in a custom engine.js.

I designed a scoring algorithm that weighs user habits to determine a baseline trajectory. To model compounding over time, I used a growth function:

$$ F(t) = S_{0} \times (1 + r)^t $$

Where: F(t) — projected future state
S₀ — initial habit score
r — daily compounding rate
t — time (30 days)

This model powers a custom SVG-based chart, built from scratch without external libraries.

For features:

MediaRecorder API → Audio pledge
localStorage → persistent tracking
Deployment → Vercel

Challenges I Ran Into

Working solo, one of the biggest challenges was designing the right emotional tone.

I didn’t want the app to feel like a judgmental calculator. If users entered poor habits, they shouldn’t feel defeated.

Designing the conditional intervention system—where tools like breathing exercises and audio pledges only appear when needed—required careful React state management.

On the technical side:

Managing browser audio permissions
Properly stopping MediaRecorder streams
Preventing lingering recording indicators

All required precise useEffect cleanup and reference handling.

Accomplishments

Built a fully interactive real-time prediction engine
Created the Butterfly Effect Sandbox, where users instantly see habit impact
Designed a smooth, fast, fully client-side experience
Avoided third-party APIs for performance and privacy
Delivered an emotionally intelligent UX, not just a data tool