Akademiacademy / vibe-102 / mini-app-brief

Mini App Brief

Apa ini

Mini app brief ialah plan build untuk Vibe 102.

Ia pastikan pelajar, tutor, dan AI assistant fokus pada satu app kecil sahaja.

Kenapa penting

Project app jadi bersepah bila data, layout, dan build order tidak jelas.

Brief menghalang AI daripada tambah feature terlalu awal.

Apa nak buat

Guna planning prompt ini sebelum buka IDE:

Copy prompt

You are a senior frontend developer helping a beginner.

I want to build my first mini web app.

Choose one app type:
[mission task tracker / habit tracker / expense tracker / project bookmark manager / lead tracker]

Requirements:
- beginner friendly
- no backend
- no login
- React + Vite + Tailwind
- use localStorage
- mobile responsive
- can be built in 2.5 hours

Core features:
1. Add an item
2. Show the item in a list
3. Update or mark the item
4. Delete the item
5. Save items in localStorage

Your job:
1. Suggest the simplest tech stack
2. Define the data structure
3. Suggest max 3 core features
4. Suggest the app layout
5. Suggest the build order

Then ask me questions to refine the idea.

Important:
Keep the app simple. Do not add database, authentication, payments, AI features, dashboards, or teams.

Untuk versi berpandu, buka Prompt Lab dan pilih Saya ada idea atau Saya perlukan plan.

Kemudian minta final brief:

Copy prompt

Create a final beginner-friendly project brief based on our discussion.

Include:
- app name
- app goal
- tech stack
- max 3 core features
- data structure
- page layout
- localStorage plan
- step-by-step build order

Keep it simple enough to build in 2.5 hours.

Mistake biasa

Mula code sebelum data structure jelas.
Biarkan AI tambah filter, chart, account, atau banyak page.
Terima brief yang tidak muat dalam masa kelas.

Vibe 102 / Checkpoint sekarang

Mini App Brief

Sedia untuk stamp - Disimpan dalam browser ini sahaja.

0 daripada 11 checkpoints complete.