Gempa - Earthquake Monitoring Dashboard
A modern, responsive web dashboard for monitoring earthquakes in Indonesia, powered by BMKG data and interactive maps.
Description
Built with Django and Python as the backend framework, ensuring scalability and maintainability.
Real-time earthquake data integration from BMKG official sources, automatically updated to reflect the latest seismic activity.
Interactive maps powered by Leaflet.js to visualize recent and historical seismic events with dynamic markers and tooltips.
Filtered views for felt earthquakes, magnitude 5+, tsunami alerts, and damaging events, enabling users to quickly identify critical incidents.
Detailed modals with event analysis, metadata, charts, and BMKG-provided images for deeper insights into each earthquake.
Responsive design optimized for both desktop and mobile devices, ensuring accessibility across platforms.
Clean, component-based UI styled with Tailwind CSS, adopting glassmorphism-inspired layouts for modern aesthetics.
Deployment configured via Vercel with vercel.json for production-ready builds, routing, and environment-based configuration.
Supports integration with DataTables for tabular earthquake records, enabling sorting, searching, and pagination.
Designed with modular architecture, making it easy to extend features such as historical archives, user alerts, or disaster preparedness resources.
Focus on usability and clarity, ensuring that both technical and non-technical users can navigate and interpret earthquake data effectively.
Features
Real-Time BMKG Data
Fetches and displays live earthquake data from BMKG, including recent and historical seismic activity.
Interactive Maps
Leaflet.js integration for dynamic maps showing earthquake epicenters, magnitudes, and affected regions.
Filtered Views
Custom filters for felt earthquakes, magnitude 5+, tsunami alerts, and damaging events.
Detailed Event Modals
Provides in-depth analysis with metadata, charts, and BMKG images for each earthquake event.
Responsive UI
Glassmorphism-inspired, component-based design built with Tailwind CSS for seamless desktop and mobile experiences.
Deployment on Vercel
Configured with vercel.json for production-ready builds and routing.
Tech Stack
