Vibe Coding 102

What this is

Vibe Coding 102 is the mini app class.

You can join after Vibe 101, or use this path as a standalone class if your setup is ready.

Vibe 102 helps you build a mini app that remembers what the user does.

The upgrade is:

website -> mini app
content -> data
page -> state
refresh lost -> localStorage saved

Why it matters

Most useful apps are not only pages. They let people add, change, remove, and save information.

Vibe 102 teaches that pattern without backend, login, database, APIs, payments, dashboards, charts, or multi-page routing.

What to do

Your goal is to build one responsive mini app in 2 hours 30 minutes.

The app must follow this pattern:

input -> item list -> update item -> delete item -> save locally

Everyone starts with setup and localhost first.

After localhost works, choose one of the approved mini app ideas, create a project brief with a design/theme section, then build one checkpoint at a time.

Common mistakes

• Treating Vibe 102 like a full software engineering course.
• Adding login or database too early.
• Choosing an app that needs more than one list of items.
• Pasting the full project brief into the first setup prompt.
• Trying to deploy before localhost and refresh tests work.