Build real apps with AI — no coding experience required. Describe the vibe, and let AI write the code.
The new paradigm in software creation
Everything you need across 9 modules — from first prompt to deployed app, all in a single day
A new paradigm: describe what you want, and AI builds it for you.
From typing syntax to describing ideas.
The vibe coding mindset
Your role changes from mechanic to architect.
Think of an app you wish existed — something useful for your life or work. 1. What does it do? 2. Who uses it? 3. What does it look like? 4. What makes it useful? Write 3-4 sentences describing it as if you were explaining it to a friend. This is your first 'vibe'.
Meet the three tools that will power your development journey.
Three tools, three superpowers. Here's how they fit together.
Use the right tool for the right job
The AI coding landscape is growing fast.
Open each tool in your browser: 1. chat.openai.com — ask ChatGPT to explain what vibe coding is 2. aistudio.google.com — explore Build mode templates 3. bolt.new — read the quickstart guide For each tool, write one sentence: what excites you most about it?
The most important skill in vibe coding: telling AI exactly what you want.
Your prompt is your blueprint. Vague blueprints build wonky houses.
The first rule of vibe coding
From good to great: techniques that produce professional results.
Take this weak prompt: 'Build me an app for recipes' Rewrite it three times, each time adding more detail: 1. Add WHAT the app does specifically 2. Add WHO uses it and HOW it looks 3. Add CONSTRAINTS and FEATURES Share your best version with the class.
Your AI tutor, code generator, and debugging partner.
Available 24/7, infinitely patient, and surprisingly knowledgeable.
Your 24/7 learning partner
Practical strategies for getting the most from your AI tutor.
Your instructor will give you a piece of code with a deliberate bug. 1. Read the code and try to spot the bug yourself first 2. Paste the code into ChatGPT and ask it to find the bug 3. Compare: did you find the same issue? 4. Apply the fix and verify it works Reflect: was the AI's explanation helpful? Was it correct?
From idea to live web app in under a minute. Seriously.
The fastest path from idea to working web app.
Google AI Studio documentation
Templates, multimodal input, system instructions, and deployment.
Open AI Studio (aistudio.google.com) and use Build mode. Prompt: 'Create a tip calculator that lets me enter a bill amount, choose a tip percentage (15%, 18%, 20%, 25%), and split the total between 2-10 people.' 1. Review the generated app 2. Refine: add a dark theme 3. Refine: add a 'round up' toggle 4. Share your result with a classmate
Build complete apps with databases, user accounts, and deployment.
An AI-powered builder for websites, web apps, and mobile apps.
Bolt documentation
Code editor, AI agents, databases, integrations, and hosting.
Open bolt.new and try this prompt: 'Build a recipe finder app where I can search by ingredient. Show results as cards with the recipe name, cooking time, and difficulty level. Use a warm colour scheme.' 1. Review the generated app 2. Try the code editor — find the main component 3. Refine: 'Add a favourites feature with a heart icon' 4. Deploy and share your URL
The iterative cycle that turns rough ideas into polished applications.
Professional development is never a straight line — it's a loop.
How every good app gets built
And they will. Here's how to handle it like a professional.
Your instructor will provide a broken app (or use one from a previous exercise). 1. Open the app and find the bug (what doesn't work?) 2. Open the browser console (F12) and copy the error message 3. Paste the error into ChatGPT or Bolt and ask for a fix 4. Apply the fix and verify it works 5. Document: what was the bug? How did AI help fix it?
Everything comes together: plan, build, deploy, and present your own app.
Choose something meaningful, scope it carefully, and set clear milestones.
Write a one-page project proposal: 1. App name and description (2-3 sentences) 2. Target audience: who is it for? 3. Core features (3-5 bullet points) 4. Tools you'll use (ChatGPT, AI Studio, Bolt?) 5. Your first prompt (draft version) Share with a partner for feedback.
Common traps, proven solutions, and habits that make you effective.
Knowing these in advance saves hours of frustration.
The golden rule of AI-assisted development
These practices separate beginners from professionals.
Each of these prompts is terrible. Pick two and fix them: 1. 'Make an app' 2. 'I need a thing for my business' 3. 'Create something educational' 4. 'Build a website that does stuff' Transform each into a specific, structured prompt that would produce a useful app. Explain what you added and why.
From 'I can't code' to 'I shipped an app' — let's look at the journey.
The vibe coding philosophy
Join thousands of non-programmers who are building real applications with AI. Your first app is closer than you think.