https://github.com/ryan-infitech/map-informasi-bencana
website pemantauan bencana indonesia secara realtime
https://github.com/ryan-infitech/map-informasi-bencana
bencana bmkg disasters map react tugas-kuliah university-assignment vercel vite
Last synced: 3 months ago
JSON representation
website pemantauan bencana indonesia secara realtime
- Host: GitHub
- URL: https://github.com/ryan-infitech/map-informasi-bencana
- Owner: Ryan-infitech
- License: gpl-3.0
- Created: 2025-01-21T14:42:57.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-03-15T07:50:45.000Z (3 months ago)
- Last Synced: 2025-03-15T08:27:56.030Z (3 months ago)
- Topics: bencana, bmkg, disasters, map, react, tugas-kuliah, university-assignment, vercel, vite
- Language: TypeScript
- Homepage: https://map-bencana-indonesia.vercel.app/
- Size: 18.7 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-ID.md
- License: LICENSE
Awesome Lists containing this project
README
|
# Sistem Pemantauan Data Bencana Indonesia
Website interaktif berbasis cloud yang menyajikan informasi real-time mengenai bencana alam di Indonesia dengan memanfaatkan teknologi React, Leaflet.js, dan Amazon Web Services (AWS). Sistem ini dirancang untuk memberikan akses mudah dan cepat kepada masyarakat serta pemangku kepentingan terkait mitigasi bencana.
[](https://map-informasi-bencana.vercel.app/) [](https://drive.google.com/file/d/1fNdvSFGxiFrcWCKH0iKVoJJOPUsXY9Po/view?usp=drive_link)
## Gambaran Umum
Proyek ini dirancang untuk memvisualisasikan data bencana alam secara real-time menggunakan peta interaktif yang dilengkapi dengan ikon spesifik untuk setiap jenis bencana. Sistem ini memanfaatkan teknologi cloud AWS untuk menjamin skalabilitas dan ketersediaan informasi, serta dirancang responsif agar dapat diakses melalui berbagai perangkat.
## Cara Penggunaan
1. **Akses Website**: Buka [website](https://zekia-map-bencana-indonesia.vercel.app/) melalui browser.
2. **Eksplorasi Peta**: Gunakan fitur zoom dan drag untuk menjelajahi lokasi bencana di seluruh Indonesia.
3. **Klik Ikon Bencana**: Dapatkan detail informasi seperti jenis bencana, lokasi, waktu, dan tingkat keparahan.
4. **Gunakan Filter**: Pilih jenis bencana tertentu melalui tombol di sisi kanan layar.
5. **Mode Tampilan**: Ubah mode terang/gelap melalui tombol di sudut kanan atas.
## Contoh Tampilan
### Peta Interaktif
### Detail Bencana
## Fitur Utama
- **Real-Time Data**: Informasi bencana terkini langsung dari API BMKG.
- **Peta Interaktif**: Pengguna dapat mengeksplorasi lokasi bencana dengan fitur zoom, drag, dan klik ikon untuk detail informasi.
- **Filter Bencana**: Memilih jenis bencana tertentu seperti gempa bumi, banjir, atau tsunami.
- **Mode Terang/Gelap**: Tampilan yang dapat disesuaikan untuk kenyamanan pengguna.
- **Responsif**: Dapat diakses dengan optimal di perangkat desktop, tablet, maupun ponsel.
## Teknologi yang Digunakan
   
## Instalasi dan Konfigurasi
1. **Clone repositori:**
```bash
git clone https://github.com/username/project-name.git
cd project-name
```
2. **Instalasi dependensi:**
```bash
npm install
```
3. **Konfigurasi file `.env`:**
Buat file `.env` di root proyek dan masukkan variabel-variabel berikut:
```env
VITE_AWS_ACCESS_KEY_ID=your-aws-key-id
VITE_AWS_SECRET_ACCESS_KEY=your-aws-secret-access-key
VITE_AWS_REGION=your-aws-region
```
4. **Menjalankan aplikasi lokal:**
```bash
npm run dev
```
5. **Deployment ke Vercel:**
- Hubungkan repositori ke akun Vercel.
- Atur variabel lingkungan yang sama pada pengaturan proyek di Vercel.
- Lakukan deployment melalui dashboard Vercel.
## Rencana Pengembangan
1. Penambahan fitur notifikasi peringatan dini.
2. Integrasi dengan data historis untuk analisis jangka panjang.
3. Optimalisasi untuk wilayah dengan koneksi internet rendah.
4. Penambahan fitur personalisasi pengguna.
5. Pengembangan laporan berbasis data untuk pengambil kebijakan.
## Kontribusi
Kontribusi dalam bentuk kode, ide, atau saran sangat diterima!
1. Fork repositori ini.
2. Buat branch untuk fitur baru.
3. Commit perubahan Anda.
4. Push ke branch Anda.
5. Buat Pull Request.
## Lisensi
Proyek ini dilindungi oleh lisensi MIT. Silakan cek file `LICENSE` untuk informasi lebih lanjut.
## Kontak
Jika Anda memiliki pertanyaan atau saran, silakan buka issue baru di repository ini.
[](https://wa.me/6285157517798)
[](https://www.instagram.com/ryan.septiawan__/)
[](https://www.linkedin.com/in/rian-septiawan-23b0a5351/)