Minigames Flashcard
Screenshots
Tentang Minigames Flashcard HIMA TI
Aplikasi kuis interaktif tebak nama dan divisi pengurus Himpunan Mahasiswa Program Studi Teknik Informatika (HIMA TI) yang dirancang khusus untuk Stand Booth Ospek / Gelar Mahasiswa TI (GMTI) Mahasiswa Baru 2026.
Fitur Utama
1. 3D Interactive Card Stack
Simulasi tumpukan kartu pengurus 3D dengan gestur drag/swipe, rotasi bolak-balik (front/back flip), efek fanning tumpukan, dan auto-switch kartu berkala menggunakan Framer Motion.
2. Gameplay Flashcard Dinamis
Animasi 3D realistis dengan efek tilt perspektif, dynamic timer bar, smart auto-distractor (pilihan ABCD cerdas berdasarkan gender dan divisi), dan mode spill jawaban.
3. Audio Engine Lengkap
100% Web Audio API — 4 genre BGM synthesizer (Arcade 8-Bit, Cyberpunk Synthwave, Ambient Lofi, Stadium EDM) dan 5 profil tactile SFX tanpa file audio eksternal.
4. Command Center Admin
Panel terproteksi PIN untuk pengaturan permainan, manajemen pengurus (CRUD), card studio simulator, manajemen leaderboard, dan backup/restore data.
5. Dual-Mode Architecture
Hybrid plug-and-play: Mode Static Cloud (GitHub Pages + LocalStorage) dan Mode Local Stand Server (Node.js + SQLite) untuk 100% offline.
Teknologi
- React 19 + Vite 8
- Tailwind CSS v4
- Framer Motion v13
- Node.js 20+ / 22+
- SQLite (node:sqlite / better-sqlite3)
- Express.js Backend
- Web Audio API Synthesizer
- GitHub Pages (CI/CD Actions)
Need something built?
I help teams ship performant, accessible web products — from landing pages to full-stack apps. If you have an idea, let's scope it together.