Pilih satu, bina dengan AI, deploy, dan submit untuk sijil. Setiap projek direka untuk menguji kemahiran Vibe Coding anda secara menyeluruh — dari frontend, backend, database, deployment, hingga dokumentasi.
Setiap projek merangkumi semua fasa Vibe Coding. Pilih berdasarkan minat dan masa yang ada.
| Kriteria | % |
|---|---|
| Frontend (UI/UX, HTML, CSS, JS) | 25% |
| Backend (API, database, CRUD) | 25% |
| Authentication & Authorization | 15% |
| Design & Responsiveness | 15% |
| Deployment & Live URL | 10% |
| Documentation & Code Quality | 10% |
| Kriteria | % |
|---|---|
| Design & Visual Appeal | 30% |
| Content & Struktur Halaman | 25% |
| Responsiveness & Mobile-First | 20% |
| Performance & Animasi | 15% |
| Deployment & Live URL | 10% |
| Kriteria | % |
|---|---|
| Functionality (charts, search, filter) | 30% |
| Data Integrity (live dari Supabase, RLS) | 25% |
| UI & User Experience | 20% |
| Real-time Updates | 15% |
| Deployment & Live URL | 10% |
Lengkapkan ketiga-tiga langkah ini untuk melayakkan diri mendapat sijil tamat kelas
Submit URL live projek anda dan pautan GitHub repo. Pastikan repo adalah public dan ada README.
Submit screenshot halaman utama dan satu screenshot feature highlight. Format PNG/JPG.
Tulis refleksi ringkas (3 soalan):
Apa yang dipelajari?
Apa yang mencabar?
Apa yang nak improve?
Perbandingan kriteria penilaian untuk ketiga-tiga pilihan projek
| Kriteria | 🚀 Micro-SaaS | 🎨 Portfolio | 📊 Dashboard |
|---|---|---|---|
| Frontend / UI / Design | 25% | 30% | 20% |
| Backend / Data / Functionality | 25% | — | 30% |
| Content & Struktur | — | 25% | — |
| Auth / User Roles | 15% | — | — |
| Authentication & Real-time | — | — | 15% |
| Responsiveness | 15% | 20% | — |
| UI / UX | — | — | 20% |
| Animasi / Performance | — | 15% | — |
| Data Integrity (Supabase Live) | — | — | 25% |
| Deployment | 10% | 10% | 10% |
| Documentation | 10% | — | — |
| Jumlah | 100% | 100% | 100% |
Panduan untuk memaksimumkan markah dan pengalaman pembelajaran anda
Jangan skip mana-mana langkah — dari Idea hingga Dokumentasi. Setiap langkah ada peranan tersendiri dalam menjamin kualiti projek.
Amalkan pattern Two-AI: biar AI Helper tulis prompt lengkap, baru hantar ke AI Coder. Ini akan hasilkan kod yang jauh lebih baik.
Sebelum hantar, minta AI semak kod untuk bugs, security issues, dan best practices. Contoh prompt: "Review kod saya untuk sebarang isu."
Ini golden rule Vibe Coding. Minta AI tulis README, ARCHITECTURE, dan dokumentasi lain. Dokumentasi lengkap = projek profesional.
Pilih fasa yang nak diulang kaji, atau terus mula dengan workflow Vibe Coding