Quake

Quake is a realtime earthquake visualization web application.

Screenshots

Light Mode:

Dark Mode:

Project Structure:

Quake/
├── src/
| ├── assets/
| | ├── favicon.ico
| | ├── loading.gif
| | ├── Logo.png
| | ├── quake-dark.png
| | ├── quake-light.png
| | └── volcano.png
| ├── css/
| | └── style.css
| └── js/
| ├── map.js
| └── script.js
├── config.js
├── index.html
└── README.md

Features

• Realtime earthquakes data
• Past three earthquakes carousel
• Specific earthquake data(by day, month, year and magnitude)
• Visualization of tectonic plates, orogens, global seismic network & volcanoes
• Toggle between light and dark mode

Run Locally

Clone the project

 git clone https://link-to-project

Go to the project directory

 cd my-project

Get access token from Mapbox, replace it with YOUR_ACCESS_TOKEN below and paste the whole code inside config.js

 const TOKEN = 'YOUR_ACCESS_TOKEN'
export default TOKEN

Open index.html in any web browser

Tech Stack

Client: HTML, CSS, JavaScript, Fetch API, Moment.js

Server: Mapbox GL JS, Mapbox Tileset API, USGS API

⭐ Star this repo