February 5, 2026

Introduction to Vibe Coding: Building an AI-Powered Portfolio in Lovable

LISTEN ON:

Lavinia shares how she went from “using ChatGPT like Google” to using AI tools in her L&D work, especially through vibe coding with Lovable. You’ll hear how she approaches building a simple portfolio site (as a low-stakes starting point), why prep work matters, how to iterate section by section, and what she learned the hard way about prompts, errors, and backend permissions.

What you’ll learn:

  1. How Lavinia uses AI for brainstorming, reflection, research, and structuring work in L&D
  2. What “vibe coding” looks like in practice when you’re not an engineer
  3. How to prep before building (users, pages, flows, real copy, and visual direction)
  4. Prompting patterns that help you iterate faster (starting broad, then going section by section)
  5. How visual edits and version history reduce risk when things change unexpectedly
  6. Where projects get harder: databases, data storage, and user permissions as you add accounts and personalization

Tools referenced:

Other references:

Key takeaways:

  1. Start with a real problem, not “AI curiosity.” Lavinia’s use cases expanded as she found practical needs, then increased complexity over time.
  2. Treat prompting like collaboration, not magic. Better results came when she stopped “dumping” vague requests and started giving clearer context and expectations.
  3. Prep work improves output quality. Defining audience, sections, branding, and real copy upfront helps Lovable build “in context” and reduces rework.
  4. Iterate at the section level to avoid chaos (and wasted credits). Changing one part at a time keeps the tool focused and prevents unintended changes across the whole site.
  5. Expect errors, and build resilience into your workflow. Version history lets you roll back quickly, and “chat mode” supports troubleshooting without blindly rewriting the build.
  6. The real learning curve shows up when you add data and users. Storing form submissions, managing databases, and setting user permissions becomes the core challenge once you move beyond static pages.
  7. Vibe coding can be a gateway skill for L&D. It lowers the barrier to prototyping, and can shift teams from “talking about tech” to testing ideas quickly in low-stakes environments.

Follow Lavinia:

BROUGHT TO YOU BY

offbeat-logo-purple

Meet your host

Klara Hermesz is the founder of RedRebel Learning, co-founder of the AI Enablement Academy, and a Community Learning Builder for the non-profit, Open Talent Society. After 8+ years building and scaling global learning and upskilling programs at Meta and Uber, she now creates spaces where people can experiment, learn together, and build confidence with AI.

Copyright Offbeat 2023