Cerdas Cermat IPS

Buatkan rancangan sistem dan desain untuk sebuah game edukasi berbasis web bertema Cerdas Cermat IPS dengan spesifikasi berikut:

Gameplay
Game berjalan online berbasis browser.
1 room = maksimal 5 tim, dan 1 tim hanya bisa menggunakan 1 device.
Permainan terdiri dari 3 sesi, tiap sesi 5 soal (total 15 soal).

Jenis soal campuran:
Pilihan ganda (4 opsi).
Isian singkat (cek berdasarkan kata kunci, ada toleransi typo).
Timer per soal: 15 detik. Jika habis → otomatis dianggap salah.

Skor sistem:
Jawaban benar = +5 poin.
Bonus tercepat = +3 poin tambahan.
Salah = 0 poin (tidak bisa jawab lagi).
Guru bisa skip/next soal jika ada error.
Leaderboard muncul tiap sesi selesai, menampilkan peringkat + skor, dengan highlight tim sendiri.

Bonus round:
Hanya tim dengan skor seri yang ikut.
Bentuk soal: selalu isian singkat, bisa juga campuran.
Jika masih seri → ditentukan dari jawaban paling cepat & benar.

Fitur Guru
Guru login dengan akun (email + password).
Guru membuat room baru → sistem generate kode unik (expired setelah game selesai).
Input soal manual melalui dashboard. Soal mendukung multimedia:
Gambar (JPG/PNG), Audio (MP3/WAV), Video (MP4).

Maksimal ukuran file = 10MB per soal.
Soal bisa diacak otomatis.
Guru bisa menyimpan bank soal, mengelompokkan berdasarkan kategori/tingkat kelas.
Bank soal bisa dibagikan ke guru lain via link/kode khusus.
Hasil game (skor akhir + detail tim) tersimpan di akun guru dan bisa diekspor (CSV/Excel).

Fitur Tim/Siswa
Join game menggunakan kode room.
Input nama tim + pilih ikon tim unik (ikon bawaan: hewan, bunga, bintang, dll.).
Saat bermain, tim bisa melihat timer countdown di layar soal.
Tidak ada leaderboard realtime; hanya tampil setelah sesi selesai.

Desain & UX
Warna dominan: biru, dipadukan dengan warna cerah lain yang menarik.
Efek visual: trophy 🏆, confetti, highlight jawaban benar/salah.
Efek audio default: suara untuk benar, salah, timer, dan ending.
Tampilan harus ceria, interaktif, dan ramah anak.

Teknologi & Arsitektur
Frontend: React.js + TailwindCSS.
Backend: Node.js (Express) + Socket.IO untuk real-time.
Database: MongoDB atau PostgreSQL (untuk soal, user, skor, room).
Hosting: Cloud (VPS/AWS/Heroku).
Multi-room isolated: beberapa guru bisa membuat room secara bersamaan tanpa bentrok.

Output yang Diharapkan dari Prompt Ini
Flowchart detail yang menggambarkan alur:
Login guru → buat room → input/acak soal → share kode → siswa join → permainan 3 sesi → leaderboard → bonus round (jika ada) → hasil akhir + export.

Mockup UI untuk:
Dashboard guru (login, input soal, buat room).
Layar soal untuk tim (dengan timer).
Tampilan leaderboard (dengan highlight tim).
(Opsional) Contoh kode prototipe dasar (login guru, join room siswa, tampilkan soal, kirim jawaban, update skor real-time).