Deliverables / Skills Utilized
Claude Code
Next.js
Three.js
Framer Motion
π The Problem
Product managers consume hours of podcast content but lack a personalized way to find episodes that match their working style and philosophy. With 295 episodes of Lenny's Podcast, finding the right insights for your specific challenges is like searching for a needle in a haystack.
π‘ The Solution
An interactive experience where PMs discover their philosophy through a 10-question quiz built from real podcast transcripts. Every insight, quote, and recommendation is grounded in actual dataβno generic advice.
π οΈ Technical Implementation
π§ Philosophy Mapping System
- 8 distinct PM archetypes identified through content analysis
- 4 core dimensions: Velocity vs Perfection, Data vs Intuition, Discovery vs Focus, Alignment vs Chaos
- Algorithm matches quiz responses to philosophy zones
π AI-Powered Quote Curation
- Claude Code extracted and verified 1,200+ quotes from transcripts
- Each quote tagged with exact transcript line numbers for verification
- Semantic matching to philosophy dimensions
π― Recommendation Engine
- 5 personalized episodes that match your philosophy
- 3 contrarian episodes to challenge your worldview
- Smart matching based on verified quote database
π Immersive 3D Experience
- Three.js starfield visualization with React Three Fiber
- Dark sci-fi aesthetic with terminal-style typography
- Framer Motion animations throughout
π Impact
| Metric | Result |
|---|---|
| π Episodes Analyzed | 295 |
| β Curated Episodes | 105 |
| π¬ Verified Quotes | 1,224 |
| π― Philosophy Zones | 8 |
π― Key Features
- π Interactive Quiz: 10 questions mapping your PM philosophy
- π¬ Episode Deep-Dives: Full transcripts with timestamp navigation
- π Quote Search: Filter by theme, guest, or philosophy zone
- π± Responsive Design: Works on all devices
π§ Stack
- Next.js 15: App Router with SSR and dynamic routes
- Three.js + R3F: 3D starfield graphics
- Framer Motion: Smooth animations and transitions
- Claude Code: AI-powered content curation
- TypeScript: Type-safe development
- Tailwind CSS: Utility-first styling