Platform pembelajaran berbasis game untuk guru MI Al-Ikhlas Depok. Digunakan di kelas sebagai media pembelajaran interaktif yang menyenangkan untuk menghilangkan kejenuhan siswa dalam belajar matematika.
- 50+ Game Edukatif - Berbagai permainan matematika yang siap digunakan guru di kelas
- 4 Tipe Permainan - Kuis interaktif, puzzle, game aksi, dan simulasi
- Tampilan Kelas - Optimized untuk penggunaan di depan kelas dengan proyektor
- 8 Bab Matematika - Sesuai kurikulum MI kelas 1-3
- Alur Berjenjang - Materi dari dasar hingga menengah
- Siap Pakai - Guru bisa langsung menggunakan tanpa persiapan rumit
- Riwayat Penggunaan - Menyimpan history game yang pernah dimainkan
- Progress Kelas - Track perkembangan penggunaan per pertemuan
- Data Lokal - Tidak perlu server, semua disimpan di browser
# Clone repository
git clone https://github.com/mialikhlas/e-class-game.git
```bash
# Install dependencies
npm install
# Development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
## 🎯 Cara Penggunaan di Kelas
### 2. Di Dalam Kelas
- **Buka aplikasi di browser** - Akses melalui browser favorit
- **Pilih bab yang sesuai** dengan materi hari ini
- **Pilih game** yang ingin dimainkan bersama siswa
- **Gunakan proyektor** untuk menampilkan ke seluruh kelas
### 3. Fitur Local Storage
- **Riwayat game tersimpan otomatis** di browser
- **Bisa melihat game** yang sering dimainkan
- **Data tetap aman** di komputer lokal
## 📖 Daftar Materi
### Bab 1: Ayo Membilang sampai 10
**Game:** Hitung Benda, Pasangkan Angka, Urutkan Angka
### Bab 2: Penjumlahan sampai 10
**Game:** Tambah Buah, Kumpulkan Bola, Lompat Angka
### Bab 3: Pengurangan sampai 10
**Game:** Kurangi Kue, Selamatkan Hewan, Tebak Hasil
### Bab 4: Mengenal Bentuk
**Game:** Cari Bentuk, Puzzle Geometri, Bangun Bentuk
### Bab 5: Ayo Membilang sampai 20
**Game:** Hitung Hewan, Rantai Angka, Tembak Balon
### Bab 6: Penjumlahan & Pengurangan sampai 20
**Game:** Kalkulator Cilik, Lomba Matematika, Petualangan Angka
### Bab 7: Pengukuran Panjang Benda
**Game:** Ukur Benda, Bandingkan Tinggi, Tebak Panjang
### Bab 8: Mengenal Diagram
**Game:** Buat Diagram, Baca Grafik, Data Hewan
## 🛠️ Teknologi
- **React + Vite** - Frontend framework
- **Tailwind CSS** - Styling
- **Local Storage** - Penyimpanan data lokal
- **JavaScript ES6+** - Modern JavaScript
## 🎯 Untuk Guru
Aplikasi ini dirancang khusus untuk:
- ⚡ **Cepat dan Ringan** - Tidak butuh internet setelah diinstall
- 🎯 **Siap Pakai** - Langsung bisa digunakan di kelas
- 📊 **Riwayat Otomatis** - Tracking penggunaan game
- 🖥️ **Tampilan Besar** - Optimal untuk proyektor kelas
## 🤝 Kontribusi
Guru-guru MI Al-Ikhlas bisa berkontribusi dengan:
- Memberikan masukan untuk game baru
- Melaporkan bug atau masalah
- Berbagi pengalaman penggunaan di kelas
## 📞 Kontak
**MI Al-Ikhlas Depok**
- Alamat: Jl. Bhakti Abri No.67, Sukamaju Baru, Tapos, Depok
- Email: [email protected]