Quake is a realtime earthquake visualization web application.
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
- 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
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
Client: HTML, CSS, JavaScript, Fetch API, Moment.js
Server: Mapbox GL JS, Mapbox Tileset API, USGS API