Beginner Free Course Free Trial Log In Start Free Trial ↗
← All five steps
03 · Step Three of Five

Build It — Front End & Back End

Now we turn the idea into a real app. You'll learn the two halves of every product — the front end people see, and the back end working quietly behind the scenes — using beginner-friendly vibe coding with Claude.

In this step

What you'll learn

Your exercises

Put it into practice

Two short exercises to do before you move on to Step 4.

1

Sketch your first screen

On paper, draw the very first screen your user will see. Label every button and write what each one does. Keep it simple — one screen is plenty to start.

About 15 minutes
2

Describe it to Claude

Turn your sketch into a plain-English prompt and build one small piece with Claude. Then change one thing and watch it update — that's vibe coding in action.

About 25 minutes

Step 3 workbook

Download the AI for Business workbook to follow along and complete every exercise.

Download PDF
Keep going

Ready for the next step?

You've built something real. Next, you'll put it live on the internet with GitHub and Vercel — walked through click by click, no scary command line.