🌍 BMKG Earthquake Monitor

Real-time Seismic Activity Tracking in Indonesia

Stay informed about seismic events across the Indonesian archipelago

Features • Installation • Tech Stack • Contributing • Contact

---

🌟 Highlights

• 🚀 Real-time Monitoring: Live earthquake data updates every 5 minutes
• 🎯 High Accuracy: Direct feed from BMKG's official data sources
• 💡 Smart Features: Intelligent data processing and visualization
• 🔒 Reliable: Built with robust error handling and failsafes

✨ Key Features

• 🔄 Real-time Updates: Automatic data refresh every 5 minutes
• 📊 Comprehensive Dashboard:
  • Total events counter
  • Significant events tracker
  • Felt reports summary
  • Last update timestamp
• 🗺️ Interactive Map: Dynamic visualization with color-coded markers
• 📈 Timeline Chart: Historical earthquake frequency analysis
• 📱 Modern UI: Responsive design with glass-morphism effects
• ⚡ Performance: Optimized loading with caching system

---

🛠️ Technical Implementation

Tech Stack

Tailwind CSS

Chart.js

Leaflet.js

Luxon

Frontend Technologies

• CSS Framework: Tailwind CSS with custom configurations
• JavaScript Libraries:
  • Chart.js for data visualization
  • Leaflet.js for interactive maps
  • Luxon for datetime handling
  • FancyBox for image galleries
  • Lodash for utility functions

Data Integration

• Real-time data from BMKG XML feeds:
  • Latest earthquakes
  • Felt earthquakes
  • Significant events (M 5.0+)

Performance Features

• Data caching system (5-minute cache duration)
• Throttled updates to prevent API overload
• Optimized asset loading
• Responsive image handling

---

💫 UI Components

Dashboard Cards

• Latest Earthquake Information
  • Magnitude and depth display
  • Location details
  • Shakemap viewer (when available)
  • Felt reports integration

Interactive Tables

• Felt Earthquakes Table
  • Time and location
  • Magnitude classification
  • Impact reports
• Major Earthquakes Table
  • Chronological listing
  • Potential hazard information

Data Visualization

• Timeline Chart
  • Magnitude trends
  • Interactive tooltips
  • Dynamic date scaling
• Interactive Map
  • Color-coded markers
  • Popup information
  • Responsive sizing

---

🚀 Quick Start

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• Internet connection for real-time updates

Installation Steps

1. Clone the repository:

   git clone https://github.com/RehanDias/gempa.git

   or visit the live site:

   https://rehandias.github.io/gempa
   

2. Navigate to the project directory:

   cd gempa

3. Open index.html in your browser or use a local server for full functionality.

---

📊 Features Overview

Dynamic Dashboard Real-time statistics

Interactive Map Visual tracking

Time Analysis Trend visualization

🌐 Live Demo

Try the live version: BMKG Earthquake Monitor

📱 Mobile View

The dashboard is fully responsive and works seamlessly on mobile devices.

🤝 Contributing

We welcome contributions! Here's how you can help:

• 🐛 Report bugs
• 💡 Suggest features
• 🔧 Submit pull requests

---

📜 Acknowledgements

• Data provided by BMKG Indonesia
• Icons by Icons8
• Special thanks to all contributors

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

📞 Contact

For questions or feedback about this project, please contact:

• 📧 Email: rehanpratama282@gmail.com
• 📸 Instagram: @rehandiazz

For official BMKG information:

• 🌐 BMKG Website: https://www.bmkg.go.id/

---

_{If you found this project helpful, consider giving it a ⭐}

_{Built with ❤️ by rehan dias in 🇮🇩}