ncov19 (covid19)
Aplikasi ini adalah aplikasi web berbasis Nuxt yang menampilkan dan mengelola data COVID-19 global. Aplikasi dirancang agar data utama diambil sekali di awal, lalu dapat digunakan bersama oleh seluruh halaman. Struktur ini cocok untuk dashboard data atau aplikasi visualisasi statistik.
GitHub
Created by
ganpra
Category
Web
Tech Stack
JS
Vue JS
Overview
Aplikasi ini adalah aplikasi web berbasis Nuxt yang menampilkan dan mengelola data COVID-19 global. Aplikasi dirancang agar data utama diambil sekali di awal, lalu dapat digunakan bersama oleh seluruh halaman. Struktur ini cocok untuk dashboard data atau aplikasi visualisasi statistik.
Features
- 1. Pengambilan Data Global COVID-19
- Aplikasi secara otomatis mengambil:
- Total kasus COVID-19 global
- Data per negara
- Data geografis (GeoJSON) untuk keperluan peta
- 2. Manajemen State Terpusat
- Data disimpan dalam state global, sehingga:
- Bisa diakses dari semua halaman
- Tidak perlu mengambil ulang data saat berpindah halaman
- Performa aplikasi lebih efisien
- 3. Optimasi Performa
- Data hanya diambil jika belum tersedia
- Pengambilan data dilakukan secara bersamaan agar lebih cepat
- Mengurangi beban API dan waktu loading
- 4. Dukungan Visualisasi Peta
- Dengan adanya data GeoJSON:
- Aplikasi siap menampilkan peta dunia
- Bisa digunakan untuk heatmap atau distribusi kasus per negara
- 5. Struktur Layout Global
- Terdapat layout utama yang digunakan oleh semua halaman
- Memudahkan penambahan komponen bersama seperti navbar, footer, atau loader
- 6. Error Handling Dasar
- Jika terjadi kegagalan pengambilan data, aplikasi tetap berjalan
- Error dicatat untuk keperluan debugging
