Hey DEV fam! 👋
Rituparno Ghosh — one of India's most celebrated film directors and screenwriters, the director behind Unishe April, Chokher Bali, Raincoat, The Last Lear and Chitrangada: The Crowning Wish. So I built him a digital museum.
🎬 Check it out live → rudra-da.vercel.app
⭐ Source code → github.com/shohail-mahmud/rudra-da
🎞️ What I built
RUDRA DA is a single-page tribute website — a quiet, editorial, black-and-white museum of his life and work. It features:
🎥 Full-screen cinematic hero with an animated title reveal
🍿 Netflix-inspired Creations section — all 20 of his films (1992–2013) in a scrollable carousel, with real posters, cast, and "watch now" links
🔎 Film detail modals — synopsis, cast, awards for each film
🏆 Achievements timeline — his National Film Awards, from Unishe April (Best Feature Film, 1995) onwards
🎙️ Documentaries — his work beyond fiction, including Bird of Dusk and Jeevan Smriti
📷 Memories gallery — moments and quotes from his life
🖤 Monochrome editorial aesthetic — dark, minimal, timeless
📱 Fully responsive — polished on mobile and desktop
🛠️ Tech stack
| Layer | Technology |
|---|---|
| Framework | TanStack Start (React 19 + SSR) |
| Language | TypeScript |
| Build tool | Vite |
| Styling | Tailwind CSS 4 + custom typography |
| UI primitives | shadcn/ui (Radix) |
| Animation | Framer Motion |
| Routing | TanStack Router |
| Deployment | Vercel |
🤖 The honest part: I vibe-coded it
I'm a Bangladeshi web developer, AI-assisted builder, vibe coder — learning by building. AI tools did the heavy lifting; I directed.
AI is great at the 80% — layout, components, animations. The last 20% took real patience. Don't take my word for it, take my commit history's:
Fix image src attribute in Hero component
Adjust image positioning in Hero component
Enhance SEO with author and Open Graph meta tags
That's where I actually learned the most.
"I felt like making films after I watched Satyajit Ray's films." — Rituparno Ghosh
If you love Bengali cinema, open the site and press a film card. That modal is my favourite part. 🍿
🔴 Live: rudra-da.vercel.app
💻 Repo: github.com/shohail-mahmud/rudra-da — a ⭐ makes my day!
👤 More of my builds: github.com/shohail-mahmud
📸 Me on Instagram: @shohailmahmud09
What film should I add next? Drop it in the comments! 💬
Top comments (1)
Pairing TanStack Start with Framer Motion for a monochrome editorial site is a solid modern stack choice. The risk with vibe-coding animations via AI is that it often defaults to animating layout properties, which absolutely tanks scroll performance on mobile. For those Netflix-style carousels and cinematic reveals, making sure the generated code sticks purely to
transformandopacityvariants will keep the whole experience buttery smooth.