Academyacademy / vibe-102 / test-explain-showcase

Test and Showcase

What this is

This is the final Vibe 102 checkpoint.

The class success gate is localhost plus working app behavior. Deployment can happen after class.

Why it matters

A mini app is not done because it looks nice.

It is done when the user can add, update, delete, refresh, and still understand what changed.

What to do

Run this checklist:

  1. Add an item.
  2. Try an empty item.
  3. Update or mark an item.
  4. Delete an item.
  5. Refresh the browser.
  6. Check mobile width.
  7. Ask AI to explain the changed files.

Use this explanation prompt:

Copy prompt
Explain the final Vibe 102 app like I am a beginner.

Tell me:
- where the items are stored while the app is open
- where the items are stored after refresh
- which files changed
- how add, update, delete, and localStorage work
- what I should deploy after class

For extra demo, README, or showcase prompts, open Prompt Lab and choose I want to ship or demo.

After class, deploy the project and upload it to the KrackedDevs project or showcase page.

Common mistakes

  • Deploying before refresh works.
  • Forgetting to test on mobile.
  • Not understanding which files changed.
  • Keeping the project private after shipping.

Vibe 102 / Current checkpoint

Test and Showcase

Ready to stamp - Saved in this browser only.

0 of 11 checkpoints complete

0 of 11 checkpoints complete.