All projects
AI/Creative2025Creator

Bhai Chronicles

A birthday tribute that fits in your pocket.

Bhai Chronicles screenshot

Problem

Birthday cards get thrown away and group-chat wishes scroll past. I wanted to give my brother something that would make him sit with two decades of memories for ten minutes — and no template, no card, no slideshow app was built for that.

Solution

A four-chapter scrollytelling site: a timeline of his quiet-superpower years, a swipeable full-screen photo gallery, a letter set in Urdu Nastaliq, and a confetti finale. Scroll-driven animation paces the story — soft scroll, zero hurry — so the site itself feels like being told a story by someone who loves you.

Stack

ReactTailwind CSSFramer MotionCloudflare Pages

Key Features

Four-chapter narrative structure: journey, memories, letters, finale
Swipeable full-screen photo gallery
Urdu Nastaliq typography for the letters chapter
Scroll-driven animations with a confetti finale

What I Learned

Scroll-driven narrative is choreography: the hard part isn't triggering animations, it's pacing them so the reader never feels pushed. Setting Nastaliq on the web — line-height, RTL flow, font loading — taught me typography lessons no Latin script ever would.