RianVibe
← All courses
⚑ Login required

Vibe Coding with AI Agents: From Todo App to Your Own Product

Learn to direct Lovable on a neutral Todo training app, then transfer the method to your own product.

13 modules58 lessons~22 h
Secure payment by Stripe
User Agreement
Log in to start
my-todo.vercel.app
My Tasks2 left
AllActiveDone
Add a task…Add
Send invoice to client
Book flights to BangkokHighFri
Gym at 6 pmToday
You β†’ agent
β€œAdd priorities and due dates to my tasks”
Done β€” review the change
⚑ The method

What you'll build

Learn vibe coding with AI agents by building a real Todo app in Lovable, then transfer the same method to your own product.

This is not a course about copying one Todo tutorial. Todo is the training field. The real skill is learning how to brief Lovable, break work into features, review generated code, recover from mistakes, add data and auth safely, deploy, and start your own product with the same loop.

1
Brief the agent
Describe each feature in plain language. The course gives you the exact prompts, checkpoints, and recovery moves.
2
Build the Todo app
Data, login, privacy, deploy β€” every real product problem, practiced on a safe training project.
3
Ship your own product
Transfer the same loop to your idea in the final module and take it live.
⚑ Outcomes

What you'll learn

  • Work with Lovable like an operator: prompts, feature loop, checkpoints, rollback.
  • Plan a Todo app and your own product in parallel.
  • Build the first frontend Todo app.
  • Add localStorage persistence.
  • Practice the Agent Feature Loop with filters, edit, priority, due date, and search.
  • Refactor safely before backend work.
  • Move from localStorage to Supabase.
  • Add login and user-specific tasks.
  • Protect data with RLS.
  • Deploy to Vercel.
  • Polish, document, and understand the remaining product map.
  • Start your own product using the same method.

Requirements: No technical background required

⚑ Inside the course

Curriculum

00

Course Preview, Limits, and Tools

Free6 lessons Β· 69 min

Preview the course promise, learning paths, tool stack, costs, and product-transfer idea before paid Lovable work begins.

  1. What You Will Be Able to BuildπŸ”’7 min
  2. Course Paths and Transfer PromiseπŸ”’12 min
  3. The Tools We UseπŸ”’20 min
  4. Free or Paid Lovable?πŸ”’10 min
  5. How to Save AI Agent RequestsπŸ”’5 min
  6. Your Product IdeaπŸ”’15 min
01

First Todo Build in Lovable

Paid6 lessons Β· 107 min

Build the first browser-only Todo app in Lovable while learning scope, PRD, Project Knowledge, Plan mode, review, fix, checkpoint, and rollback habits.

  1. Scoped First-Build BriefπŸ”’15 min
  2. PRD and Project KnowledgeπŸ”’20 min
  3. Plan Mode and Visual DirectionπŸ”’10 min
  4. Review the First GenerationπŸ”’20 min
  5. First Fix LoopπŸ”’30 min
  6. Checkpoint and Rollback PracticeπŸ”’12 min
02

Feature 1: localStorage

Paid4 lessons Β· 90 min

Add browser persistence to the Todo app, then test refresh behavior and common localStorage failure modes.

  1. Why localStorage MattersπŸ”’10 min
  2. Implement localStorageπŸ”’35 min
  3. Test localStorage by HandπŸ”’20 min
  4. What to Do When localStorage BreaksπŸ”’25 min
03

When Lovable Does the Wrong Thing

Paid4 lessons Β· 68 min

Practice recovering from scope drift, loops, invented APIs, broken changes, and confusing errors before the app becomes more complex.

  1. Lovable Changed What I Did Not Ask ForπŸ”’18 min
  2. Lovable Is Looping or Inventing APIsπŸ”’18 min
  3. When Rollback Is Better Than FixingπŸ”’12 min
  4. Read Errors Without Reading CodeπŸ”’20 min
04

Feature Loop, UX Checks, and First Transfer

Paid6 lessons Β· 230 min

Build frontend features with less hand-holding, place UX states where they are testable, and create the first own-product slice.

  1. Filters and Empty StatesπŸ”’35 min
  2. Edit Task with Your Own PromptπŸ”’40 min
  3. Priority and Data MigrationπŸ”’45 min
  4. Due Date, Search, and No-Results StatesπŸ”’45 min
  5. Mobile UX and RegressionπŸ”’20 min
  6. Milestone: Your Product's First SliceπŸ”’45 min
05

Refactor with Lovable

Paid3 lessons Β· 75 min

Clean up the Todo app in focused refactor steps while preserving behavior through regression checks.

  1. When Refactoring Is Worth ItπŸ”’15 min
  2. Extract Task UtilitiesπŸ”’30 min
  3. Extract the localStorage AdapterπŸ”’30 min
06

Database, Async, and Own Entities

Paid3 lessons Β· 55 min

Bridge from browser storage to remote data, async behavior, loading/error thinking, and the learner's own product data model.

  1. From localStorage to Remote DataπŸ”’15 min
  2. Your Product Data ModelπŸ”’20 min
  3. Migration Brief for Todo DatabaseπŸ”’20 min
07

Supabase Database Implementation

Paid4 lessons Β· 140 min

Create the Supabase project, plan the migration, build the tasks table, and connect real remote reads and writes.

  1. Create Supabase from ScratchπŸ”’30 min
  2. Create the tasks Table with LovableπŸ”’35 min
  3. Load Tasks from the DatabaseπŸ”’35 min
  4. Connect Create, Update, and DeleteπŸ”’40 min
08

Login and User-Specific Tasks

Paid3 lessons Β· 70 min

Add login, connect tasks to users, and test two-user behavior before enabling privacy enforcement.

  1. Why Login Is NeededπŸ”’10 min
  2. Add Auth UIπŸ”’40 min
  3. Test with Two UsersπŸ”’20 min
09

Security: RLS and Task Privacy

Paid4 lessons Β· 102 min

Turn task ownership into real database privacy with RLS, debugging, and two-user access tests.

  1. Why Frontend Filtering Is Not EnoughπŸ”’12 min
  2. Implement RLS PoliciesπŸ”’35 min
  3. Debug RLS When It Blocks Your Own RowsπŸ”’30 min
  4. Test Auth and Access ErrorsπŸ”’25 min
10

Deploy on Vercel

Paid6 lessons Β· 132 min

Connect GitHub, prepare environment variables, deploy to Vercel, and smoke-test the live app after security is in place.

  1. What Deployment MeansπŸ”’12 min
  2. Create GitHub from ScratchπŸ”’25 min
  3. Prepare the Project for DeploymentπŸ”’20 min
  4. Environment VariablesπŸ”’20 min
  5. First DeploymentπŸ”’35 min
  6. Production Smoke TestπŸ”’20 min
11

Final Todo QA and Portfolio Handoff

Paid4 lessons Β· 87 min

Polish the completed Todo app, run final regression, write the portfolio handoff, and name what Todo did not teach.

  1. UX PolishπŸ”’25 min
  2. Final Regression ChecklistπŸ”’25 min
  3. README and Portfolio DescriptionπŸ”’25 min
  4. What Todo Did Not Teach YouπŸ”’12 min
12

Own Product Capstone, Recipes, and Tool Map

Paid5 lessons Β· 120 min

Use the accumulated Build Notes to deepen your own product slice, then leave with reusable recipes and a tool map.

  1. Assemble Your Own PRDπŸ”’25 min
  2. Universal Prompt for a New Feature or ProductπŸ”’15 min
  3. Your First Product Feature from Start to FinishπŸ”’45 min
  4. Recipe Index and Next FeaturesπŸ”’20 min
  5. When Lovable Is Not Enough: The Tool MapπŸ”’15 min
Secure payment by Stripe
User Agreement
Log in to start
⚑ No hype

Honest promise

The learner will not become a full software engineer just by finishing this course. They will learn the operator workflow: define the task, constrain Lovable, review output, test behavior, recover from mistakes, and keep moving in small safe steps.

⚑ Real talk

From our students

”
β€œI bought this expecting another "build an app in 10 minutes" video course. It's the opposite β€” slow on purpose. The module about what to do when the agent breaks your app was the moment it clicked for me. I finished the Todo app in about three weeks of evenings and I'm now four features into my own booking tool.”
Nok
Marketing manager, Bangkok
”
β€œHonest review: the Todo part is not exciting, and they tell you that upfront. But I've tried Lovable twice before and always got stuck the moment something went wrong. The checkpoint-and-rollback habit from module 3 is what I was missing. Deploying to Vercel with a real login actually felt easy by the time I got there.”
Daniel
Small business owner
”
β€œWhat sold me was the honest promise β€” no "become a developer in 30 days". I can now read what the agent did well enough to catch it inventing things, and the RLS module saved me from shipping my own app with everyone's data visible to everyone. Worth it for that module alone.”
Priya
Product analyst
⚑ Still wondering?

Frequently asked

Do I need to know how to code?βˆ’
No. The course assumes no technical background. You will read small pieces of generated code with guidance, but you will never write code from scratch. The skill you train is directing an AI agent: briefing, reviewing, testing, and recovering.
Do I need to know English?+
What tools do I need, and what do they cost?+
Why a Todo app? I don't need a Todo app.+
What will I be able to do after the course?+
How much time does it take?+

Ready to start Vibe Coding with AI Agents: From Todo App to Your Own Product?

Log in to begin the free preview. Purchase unlocks the full course.

Secure payment by Stripe
User Agreement