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)