🌙

Prompt Aplikasi Jurnal Ramadhan Canva

Transformasi Digital Ibadah SMP Negeri 3 Kerinci

1 Apa itu Canva?

Canva bukan lagi sekadar alat desain grafis biasa. Saat ini, Canva telah menjadi platform kreatif serbaguna yang memungkinkan pengguna menciptakan materi pembelajaran interaktif, presentasi berbasis web, hingga aplikasi fungsional sederhana dengan antarmuka yang sangat ramah pengguna.

2 Canva Code AI: Coding Tanpa Koding

Dengan fitur **Canva Magic & Code AI**, Anda bisa membangun aplikasi web hanya dengan memberikan Prompt (instruksi teks). Cukup ketik apa yang Anda inginkan, dan AI akan menyusun struktur kode secara otomatis. Anda hanya perlu menyalin dan menempelkannya untuk mendapatkan aplikasi yang siap pakai.

PROMPT UTAMA

🎯 Salin & Tempel di Canva Code AI

Buatkan aplikasi web interaktif bernama "Jurnal Ramadhan SMPN 3 Kerinci" 
untuk siswa SMP kelas 7, 8, dan 9 dengan fitur pencatatan kegiatan ibadah 
dan monitoring progress selama bulan Ramadhan.

SPESIFIKASI APLIKASI:

1. IDENTITAS APLIKASI
   - Nama: Jurnal Ramadhan SMPN 3 Kerinci
   - Target Pengguna: Siswa SMP (Kelas 7A-7C, 8A-8C, 9A-9C)
   - Tema: Ramadhan/Islam (warna hijau emerald, emas, dengan elemen islami)
   - Font: Quicksand untuk body, Amiri untuk ayat Al-Quran
   - Responsif: Mobile-first, bekerja di semua ukuran layar

2. STRUKTUR HALAMAN & NAVIGASI
   Halaman dibagi dalam 3 tab utama:
   
   TAB 1: ISI JURNAL (Formulir Input)
   - Bagian Data Siswa: Input nama, Dropdown kelas, Date picker.
   - Bagian Ibadah Shalat: Subuh, Dzuhur, Ashar, Maghrib, Isya, Tarawih.
   - Bagian Kegiatan: Sahur, Sedekah, Baca Al-Quran, Catatan Refleksi.
   
   TAB 2: RIWAYAT (History)
   - Menampilkan daftar jurnal tersimpan dengan fitur hapus.
   
   TAB 3: STATISTIK
   - Progress bar ibadah dan grid statistik kegiatan.

3. HEADER & BRANDING
   - Logo bulan (SVG animasi), Judul: "📿 Jurnal Ramadhan", Subtitle: "SMP Negeri 3 Kerinci".

4. DESAIN & STYLING
   - Background: Gradient dark emerald, Rounded-2xl, Hover effects.

5. DATA PERSISTENCE
   - Gunakan Data SDK untuk simpan data permanen (Max 999 entries).

6. EDIT PANEL
   - Judul, Nama Sekolah, Pesan Motivasi bisa diedit di panel.

GUNAKAN: Tailwind CSS 3.4.17, Data & Element SDK, JavaScript Vanilla.