Vibe Coding 102

What this is

Vibe Coding 102 is the next class after Vibe 101.

Vibe 101 helped you build a website. 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, or dashboards.

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

Returning Vibe 101 students can choose from the mini app menu.

New students should read Jumpstart first and use the default Mission Task Tracker.

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.
• Trying to deploy before localhost and refresh tests work.