Aplikasi web trivia sederhana tentang negara-negara di seluruh dunia. Aplikasi ini menyediakan tiga jenis permainan/aktivitas:
- Tebak Bendera Negara
- Tebak Landmark Terkenal
- Eksplorasi Negara dari A sampai Z
Project dibagi menjadi dua bagian utama:
- Backend: API server menggunakan Node.js dan Express
- Frontend: Aplikasi web menggunakan React
- Pastikan Node.js dan npm terinstal di sistem Anda
- Clone repository ini ke komputer lokal Anda
- Buka terminal dan navigasi ke folder backend
- Install dependensi:
npm install - Jalankan server:
Server akan berjalan di
npm run devhttp://localhost:8080
- Buka terminal baru dan navigasi ke folder frontend
- Install dependensi:
npm install - Jalankan aplikasi:
Aplikasi akan terbuka di browser pada
npm starthttp://localhost:3000
- Node.js
- Express
- CORS untuk penanganan cross-origin requests
- React
- React Router untuk navigasi
- CSS untuk styling
- Menampilkan bendera negara secara acak
- Memberikan 4 pilihan nama negara
- Melacak skor pengguna
- Menampilkan landmark terkenal secara acak
- Memberikan 4 pilihan nama negara
- Melacak skor pengguna
- Menampilkan daftar negara dikelompokkan berdasarkan huruf awal
- Tampilan interaktif dengan opsi expand/collapse untuk setiap huruf
Beberapa ide untuk pengembangan lanjutan:
- Menambahkan database untuk menyimpan skor tertinggi
- Menambahkan lebih banyak negara dan landmark
- Menambahkan lebih banyak jenis trivia (ibukota, mata uang, bahasa, dll)
- Menambahkan fitur login untuk menyimpan progres pengguna
- Menambahkan timer untuk meningkatkan tantangan