🎮 E-Class MI Al-Ikhlas - Media Pembelajaran Interaktif

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.

✨ Fitur Utama

🎯 Game-Based Learning untuk Kelas

• 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

📚 Materi Sesuai Kurikulum

• 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

💾 Local Storage History

• Riwayat Penggunaan - Menyimpan history game yang pernah dimainkan
• Progress Kelas - Track perkembangan penggunaan per pertemuan
• Data Lokal - Tidak perlu server, semua disimpan di browser

🎮 Cara Penggunaan untuk Guru

1. Persiapan Kelas

# 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: info@mialikhlasdepok.sch.id