Akademiacademy / vibe-101 / first-project

First Project

Apa ini

First project ialah website kecil yang beginner boleh siapkan dalam satu sesi berpandu.

Pilih idea yang real, tapi cukup simple untuk ship.

Contoh yang okay:

  • Website cafe.
  • Website salon.
  • Portfolio.
  • Product landing page simple.
  • Website bakery.
  • Website barber shop.
  • Fitness coach landing page.
  • Tuition class website.
  • Photographer portfolio.
  • Event invitation.
  • Home cleaning service.
  • Online menu kecil.

Kenapa penting

First project ajar system, bukan semua feature dalam dunia coding.

Goal dia: siap satu website yang jalan, faham apa yang berubah, dan belajar cara guide AI tanpa hilang control.

Apa nak buat

Guna ChatGPT atau Perplexity untuk pilih satu website simple.

Buat planning dalam ChatGPT atau Perplexity dulu, bukan dalam IDE. IDE datang selepas project brief clear.

Starting prompt:

Copy prompt
You are a senior web developer helping a beginner.

I want to build a simple website.

Topic:
[cafe / salon / portfolio / bakery / barber shop / fitness coach / tuition class / photographer / event invitation / home cleaning service / online menu]

Requirements:
- beginner friendly
- simple and clean
- can be built in a few hours

Your job:
1. Suggest the best tech stack
2. Suggest max 3 features
3. Suggest sections/pages
4. Suggest build order

Then ask me questions to refine the idea.

Lepas AI jawab, jangan terus coding. Refine idea, simplify feature, dan clarify layout.

Rule:

Rule

Max 3 features.

Kalau idea perlukan login, payment, chat, dashboard, atau data yang kompleks, kecilkan dulu.

Mistake biasa

  • Pilih app yang kompleks, bukan website.
  • Masukkan login, database, payment terlalu awal.
  • Terima jawapan pertama AI tanpa refine.
  • Start coding sebelum project clear.
  • Pilih idea yang tak boleh explain dalam satu ayat.

Vibe 101 / Checkpoint sekarang

First Project

Sedia untuk stamp - Disimpan dalam browser ini sahaja.

0 daripada 15 checkpoints complete

0 daripada 15 checkpoints complete.