Membuat Aplikasi Guru Mapel

Buatkan aplikasi website modern bernama "GuruKu" menggunakan Vue.js 3, Vite, Bootstrap 5 (Sneat Admin Dashboard), dan Supabase.

PENTING:
Gunakan template Sneat Bootstrap Admin Dashboard.
Responsive untuk desktop, tablet, dan smartphone.
Hanya memiliki 1 role yaitu Guru.
Tidak perlu fitur Admin.
Guru dapat mengajar banyak mata pelajaran dan banyak kelas.
Fokus pada pengelolaan siswa, nilai, absensi, dan jurnal mengajar.

FITUR AUTENTIKASI:
Login Email dan Password
Supabase Authentication
Reset Password
Session Login
Remember Login

LAYOUT:
Sidebar Sneat
Navbar Sneat
Footer Sneat
Dashboard modern
Dark Mode dan Light Mode

MENU SIDEBAR:
Dashboard

Data Master
Mata Pelajaran
Kelas
Siswa

Akademik
Nilai Siswa
Absensi Siswa
Jurnal Mengajar

Laporan
Laporan Nilai
Laporan Absensi
Laporan Jurnal Mengajar

Pengaturan
Profil Guru
Logout

DASHBOARD:
Tampilkan:
Jumlah Mata Pelajaran
Jumlah Kelas
Jumlah Siswa
Total Jurnal Mengajar
Grafik Kehadiran Siswa
Grafik Nilai Siswa
Aktivitas Terbaru

PROFIL GURU:
Nama Guru
NIP/NUPTK
Email
Nomor HP
Foto Profil
Ubah Password

MATA PELAJARAN:
Tambah Mata Pelajaran
Edit Mata Pelajaran
Hapus Mata Pelajaran
Guru dapat memiliki banyak mata pelajaran

Field:
Kode Mata Pelajaran
Nama Mata Pelajaran

KELAS:
Tambah Kelas
Edit Kelas
Hapus Kelas

Field:
Nama Kelas
Tingkat
Tahun Ajaran

SISWA:
Tambah Siswa
Edit Siswa
Hapus Siswa
Pencarian Siswa

Field:
NIS
Nama Lengkap
Jenis Kelamin
Tempat Lahir
Tanggal Lahir
Alamat
Nomor HP Orang Tua
Kelas

MANAJEMEN NILAI:
Pilih Mata Pelajaran
Pilih Kelas
Input Nilai Tugas
Input Nilai Harian
Input Nilai PTS
Input Nilai PAS
Hitung Nilai Akhir Otomatis
Predikat Nilai Otomatis
Rekap Nilai
Cetak PDF
Export Excel

ABSENSI SISWA:
Pilih Mata Pelajaran
Pilih Kelas
Hadir
Izin
Sakit
Alfa
Rekap Harian
Rekap Bulanan
Cetak PDF

JURNAL MENGAJAR:
Tanggal
Mata Pelajaran
Kelas
Jam Pelajaran
Materi Pembelajaran
Metode Pembelajaran
Jumlah Hadir
Catatan Guru
Upload Lampiran
Riwayat Jurnal Mengajar

LAPORAN:
Laporan Nilai Per Mata Pelajaran
Laporan Nilai Per Kelas
Laporan Absensi
Laporan Jurnal Mengajar
Filter Tanggal
Export PDF
Export Excel

DATABASE SUPABASE:
profiles
subjects
classes
students
grades
attendance
teaching_journals

RELASI:
Satu Guru memiliki banyak Mata Pelajaran
Satu Guru memiliki banyak Kelas
Satu Kelas memiliki banyak Siswa
Satu Mata Pelajaran memiliki banyak Nilai
Satu Mata Pelajaran memiliki banyak Jurnal Mengajar

TEKNOLOGI:
Vue.js 3 Composition API
Vite
Bootstrap 5
Sneat Dashboard
Vue Router
Pinia
Supabase JS
Chart.js
SweetAlert2

HASIL YANG DIINGINKAN:
Struktur folder lengkap.
Integrasi Sneat Dashboard.
SQL Database Supabase lengkap.
Relasi tabel.
Routing Vue.js.
CRUD seluruh modul.
Dashboard statistik.
Export PDF dan Excel.
Responsive Mobile dan Desktop.
Clean Architecture.
Siap deploy ke VPS aaPanel.