From Video Producer to SaaS Founder: Building TAGiT with AI
How I built a Chrome extension with 15,000+ lines of TypeScript in three months without traditional coding background—and what they don't tell you about building with AI.
The Problem I Couldn't Ignore
Enter TAGiT: Click When It Clicks
- •An AI-powered summary of what was said
- •Automatically generated flashcards for spaced repetition
- •The full transcript of that segment
- •Instant jump-back to that exact timestamp
- •Full-text search across your entire video library
What They Don't Tell You About Building with AI
Week 1: The Honeymoon Phase
Weeks 2-3: Welcome to Production
- •Chrome extension permissions - Security policies, content script limitations, service worker constraints
- •Database architecture - Supabase setup, Row Level Security, authentication flows
- •Real-world integration - YouTube's DOM changes constantly, transcript extraction isn't straightforward, state management gets complex fast
- •User experience - Loading states, error handling, edge cases that only surface in production
Months 1-2: The Polish Phase
- •Debug production issues at 2 AM
- •Write comprehensive tests (62 API route tests and counting)
- •Handle edge cases I never imagined
- •Optimize for performance and security
- •Learn about Chrome Web Store policies
- •Set up proper deployment pipelines
The Non-Developer Advantages
- •User empathy - I built the tool I desperately needed. Every feature solved a real pain point I'd experienced.
- •Pattern recognition - Years of editing video taught me to see workflows and optimize them. Software is just another medium.
- •Persistence - Documentary filmmaking teaches you that projects take time. I wasn't expecting overnight success.
- •AI tool mastery - I'd spent years learning how to collaborate with AI effectively. That skill compounds.
Myths vs. Reality
The Tech Stack
- •Frontend: TypeScript, React 18, Next.js 15, Tailwind CSS
- •Backend: Next.js API routes, Supabase (PostgreSQL with Row Level Security)
- •AI: OpenAI GPT models for summaries and flashcards
- •Payments: Stripe subscriptions (freemium model)
- •Deployment: Netlify (dashboard), Chrome Web Store (extension)
- •Testing: Jest, Testing Library (80%+ coverage)
What Actually Made This Possible
- •Deep user empathy - I built this for myself first. Every decision was informed by real frustration.
- •Willingness to iterate - The first version wasn't the final version. User feedback drove constant improvements.
- •Systems thinking - Understanding how pieces fit together (extension → API → database → AI) came from asking "why" constantly.
- •Persistence - Some bugs took days to solve. Some features required complete rewrites. That's normal.
Where We Are Now
- •Mobile support (iOS/Android sharing integration)
- •Collaborative features (share collections with teams)
- •Advanced analytics (track your learning patterns)
- •Integrations with note-taking tools (Notion, Obsidian)
Advice for Aspiring Builders
- •Start with a problem you personally face - You'll have natural insight into what works
- •Invest in learning AI collaboration - It's a skill. Practice prompt engineering, learn to debug AI-generated code, understand when to trust it and when to verify
- •Budget 2-3 months minimum - Not because you can't build faster, but because quality takes time
- •Focus on solving one problem exceptionally - TAGiT does one thing: helps you remember video content. That focus is our strength
- •Get feedback early and often - Your assumptions will be wrong. Let users guide your roadmap
The Bottom Line
Adam Petritsis
Filmmaker turned SaaS founder. Building TAGiT to help people remember what they watch. Previously spent 20 years producing documentaries and branded content.
Follow on X →Try TAGiT Today
Stop forgetting what you watch. Start building your personal knowledge library from YouTube videos.
Free tier available • No credit card required