https://github.com/aldotobing/earthquake-info-project
This project is a web application that provides the latest information about earthquakes in Indonesia. The earthquake data is fetched from BMKG (Badan Meteorologi, Klimatologi, dan Geofisika) Indonesia and is automatically updated every minute.
https://github.com/aldotobing/earthquake-info-project
bmkg earthquake gempa-bumi javascript web webapp
Last synced: 2 months ago
JSON representation
This project is a web application that provides the latest information about earthquakes in Indonesia. The earthquake data is fetched from BMKG (Badan Meteorologi, Klimatologi, dan Geofisika) Indonesia and is automatically updated every minute.
- Host: GitHub
- URL: https://github.com/aldotobing/earthquake-info-project
- Owner: aldotobing
- License: mit
- Created: 2025-03-21T08:12:37.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-21T12:23:23.000Z (2 months ago)
- Last Synced: 2025-03-21T13:31:26.323Z (2 months ago)
- Topics: bmkg, earthquake, gempa-bumi, javascript, web, webapp
- Language: JavaScript
- Homepage: http://gempa.aldotobing.online/
- Size: 556 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BMKG Earthquake Information
A Web Application for Latest Earthquake Information
## Preview
## Description
This project is a web application that provides the latest information about earthquakes in Indonesia. The earthquake data is fetched from BMKG (Badan Meteorologi, Klimatologi, dan Geofisika) Indonesia and is automatically updated every minute.
## Features
- Displays the latest earthquake information including magnitude, depth, location, and potential.
- Earthquake map that can be viewed on Google Maps.
- Notifications when new earthquake data is found.
- Responsive design with engaging animations.
## Technologies Used
- React
- Vite
- Tailwind CSS
- Axios
- Framer Motion
- React Toastify
## Installation
1. Clone this repository:
```bash
git clone https://github.com/aldotobing/earthquake-info-project.git
cd earthquake-info-project
```
2. Install dependencies:
```bash
npm install
```
3. Run the application:
```bash
npm run dev
```
4. Open your browser and access `http://localhost:3000`.
## Project Structure
```
.
├── index.html
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── vite.config.js
├── src
│ ├── App.jsx
│ ├── index.css
│ ├── main.jsx
│ ├── components
│ │ ├── GempaBumiInfo.jsx
│ │ └── ui
│ │ ├── button.jsx
│ │ └── card.jsx
└── README.md
```
## Contribution
Contributions are welcome! If you have suggestions or find bugs, please create an issue or pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.