HAZL Academy

Build real apps with AI. Understand every line.

Describe an app and the AI builds it. After every build, a short lesson in plain words shows what changed, why it works and where it lives in the code.

For college and university students and working professionals, 18 and over.

My apps /Knight MovesSaved
Publish
♞ Knight Moves
Chess club · Thursdays 3:30 · Room 204
Join the club
Your name
Email
Join
Members
Ana R.
Ben T.
Chen W.
Dev P. new
Lesson 4after build 4
Saving what people type
What changed
+ Sign-up form✎ Members list+ members table
Why it works

The form sends what people type to your app's server, which saves it as a new row in the members table. The list reads the same table, so a new member shows up straight away.

New words
statePOST requestdatabase table
See it in the code →Ask a follow-up
The HAZL Academy builder: a request on the left, the app in the middle, and the lesson for that build on the right.

Every build ends with a lesson.

A few plain sentences on what the AI changed, why it works and the new words it used. Open the code and the same notes sit beside the lines they explain.

src/SignupForm.tsxPreviewCode
1export function SignupForm() {
2 const [name, setName] = useState("");
3 const [email, setEmail] = useState("");
4
lines 2–3 · remembering input
Each box keeps what the person typed. React calls this state.
5 async function join(event) {
6 event.preventDefault();
7 await fetch("/api/members", {
8 method: "POST",
9 body: JSON.stringify({ name, email }),
10 });
11 }
12
lines 5–11 · sending it
Pressing Join sends the name and email to your app's server. POST means “save something new”.
13 return (
14 <form onSubmit={join}>
15 <input value={name} onChange={…} />
16 <input value={email} onChange={…} />
17 <button>Join</button>
18 </form>
19 );
20}
lines 13–20 · the form itself
Two boxes and a button. When the form is sent, it runs join.
Ask about these linesNotes are written for this build, in plain words.
My apps /Knight MovesSaved
Publish
♞ Knight Moves
Chess club · Thursdays 3:30 · Room 204
Join the club
Your name
Email
Join
Members
Ana R.
Ben T.
Chen W.
Dev P. new
You clicked
The Join button

When someone presses it, the form sends their name and email to your app's server. The server saves them in the members table.

src/SignupForm.tsx · lines 5–11

Click anything to see how it's made.

Turn on Explain mode, click a button or a list in your app, and jump to the code behind it.

Ask the guide anything.

Ask why something works or what to try next. When a request is too vague, the prompt coach helps you say what you mean.

Your request
make it look better
Prompt coach

Better in what way? The more exact you are, the closer the first build gets. For example:

“Use the club's colours, green and white, make the Join button bigger, and show a thank-you message after someone joins.”

Why does a new member show up without reloading?
Guide · AI

After saving, your form asks for the members list again and puts the new list on the page. Want to see the two lines that do it?

Every app can go live at its own web address.

Share it with friends, or put it on your résumé.

Learn from each other.

Share your apps, get feedback, remix someone else's, and take on a new challenge every month.

♞ Knight Moves
Chess club · Thursdays 3:30 · Room 204
Join the club
Your name
Email
Join
Members
Ana R.
Ben T.
Chen W.
Dev P. new
Knight Moves
A sign-up page for a school chess club
Remix
What I learned

How a form saves to a database table, and why the list updates by itself.

IdeaAdd a ladder so members can see who to challenge next.
BugThe form lets you join twice with the same email.
PraiseReally clean. The members list is easy to read.
This month's challenge · RankingPair 7 of 20
Which one would your club rather use?
Study Buddy Finder
Pick A
Room Swap Board
Pick B
Open both apps before you pick. Skip if you can't decide.
Gallery
Show the apps you choose to share. Others can like them and leave feedback.
Feedback
Comments come tagged Idea, Design, Bug or Praise, so you know what to do next.
Remix
Start from someone else's app. A remix copies the code, never the data.
Challenges
A new brief from HAZL every month. Enter solo, then rank entries two at a time.

Start free. Pay when you build more.

All three plans include Learn mode, Explain mode, publishing, the Gallery and challenges. Unused credit carries over.

Currency

Free

$0

Free credit to use every month, to build apps and ask the guide.

Student

US$10CA$15a month

More credit every month. Needs a verified school or university email.

Professional

US$20CA$25a month

More credit every month, for anyone 18 or over building on their own.

Classroom

Talk to us

For K–12 schools: classes, safety rules your school sets, and a teacher view of every student's work. See how it works for schools

Sign-up is for people 18 and over. Students under 18 join through their school. Cancel a paid plan any time.

Common questions

What is vibe coding?
Building software by describing what you want in plain words and letting an AI write the code. HAZL Academy also explains what the AI wrote, after every build.
Do I need to know how to code?
No. You describe what you want, and each lesson starts from what you just built. New words are explained the first time they come up.
Who can join?
Anyone 18 or over. College and university students who verify their school email get the Student price. Students under 18 can join only through their school, with the Classroom plan.
What does credit pay for?
Each build and each question to the guide uses some credit. The Free plan adds a small amount every month, paid plans add more, and unused credit carries over.
Can I share what I make?
Yes. Each app can stay private, go live at its own web address, or go in the Gallery, where others can like it, leave feedback and remix it. A remix copies your code, never your app's data.
Is the guide a real person?
No. The builder and the guide are both AI, and they say so.
When can I start?
HAZL Academy isn't open yet. Join early access and we'll email you when it opens.

Get in early.

HAZL Academy is opening soon. Leave your email and we'll tell you when you can start building.

We'll only use your email to tell you about HAZL Academy.