I tried vibe coding for the first time - here's what I learned

Can you really build a working web app without writing a single line of code?

In this beginner-friendly walkthrough, I put Lovable.dev to the test and show you exactly how I used vibe coding—a term popularised by Andrej Karpathy—to spin up an interactive Seinfeld trivia app in under two hours. 

You’ll see the full workflow, from prompting Lovable’s AI builder to integrating a Supabase database, tweaking UI colours, and fixing game-flow logic… all while staying under the free-tier token limit. 

If you’re curious about AI app builders or looking for a fast prototype tool, this demo is for you.

What you'll learn

1. What “vibe coding” means and why it matters for non-developers

2. Tool comparison: Replit vs Bolt vs Lovable (and why I chose Lovable for this demo) 

3. Building the MVP: user sign-up, quiz logic & leaderboard

4. Live prompt-driven edits (colour change, retry logic)

5. Cost & token tips for Lovable’s free plan 

Chapters

00:00 Introduction to Vibe Coding

01:39 What could you build with vibe coding?

03:07 What vibe coding tools are available and which do I recommend?

06:22 My first attempt at vibe coding with Lovable - I built an online Seinfeld Trivia quiz game

10:20 Live demonstration of Lovable.dev

19:04 How to integrate a database with Lovable using supabase

20:36 Final thought - Vibe coding is like a super power. It makes you more creative.

22:28 My way or the AI way Remix - courtsey of Mubert - 5 sec.mp3

Resources and links

• Try my Seinfeld Trivia Quiz (MVP) - https://soup-nazi-challenge.lovable.app

• Sign up to Lovable: https://lovable.dev

• Connect with me on LinkedIn: https://www.linkedin.com/in/davisonscott/