DEV Community

Cover image for The Timeline of You – A Scrollable Interactive Life Journey Interface
Prashant Gohel
Prashant Gohel

Posted on

The Timeline of You – A Scrollable Interactive Life Journey Interface

This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space

What I Built

The Timeline of You is a creative scroll-based digital experience that visualizes your journey through key life phases — from childhood curiosity to professional milestones — all through evolving digital environments and workspace metaphors.

Each scene is styled with CSS transitions, responsive sections, and animated details, giving an immersive storytelling experience using just HTML, CSS, and a sprinkle of JS for scroll dynamics.

Demo

🔗 Live: https://timelineofyou.netlify.app/

📦 GitHub: https://github.com/prashantgohel321/The-Timeline-Of-You

Journey

This was one of the most emotionally engaging and creatively fulfilling projects I've built. The idea started with “what if your resume felt like a storybook?” and evolved into an interactive career timeline that’s both personal and universal.

What I loved most:

  • Designing visually distinct stages to reflect growth, struggle, and maturity
  • Using scroll-linked storytelling to simulate emotional pacing
  • Animating environments with CSS (blurred lights, progress bars, icon sets)
  • Subtle themes like burnout, first win, imposter syndrome (expressed through layout & tone)

Top comments (0)