https://github.com/karayamanemre/earthquakes

This is a simple web application built with JavaScript, Tailwind CSS, and LeafletJS that fetches earthquake data from the USGS API and displays it in a user-friendly way.
https://github.com/karayamanemre/earthquakes

earthquake javascript leafletjs tailwindcss

Last synced: about 2 months ago
JSON representation

This is a simple web application built with JavaScript, Tailwind CSS, and LeafletJS that fetches earthquake data from the USGS API and displays it in a user-friendly way.

• Host: GitHub
• URL: https://github.com/karayamanemre/earthquakes
• Owner: karayamanemre
• License: mit
• Created: 2023-02-19T11:18:34.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-16T22:42:29.000Z (about 1 year ago)
• Last Synced: 2025-03-30T08:51:14.718Z (3 months ago)
• Topics: earthquake, javascript, leafletjs, tailwindcss
• Language: CSS
• Homepage: https://karayamanemre.github.io/earthquakes/
• Size: 1.74 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# 🌍 Earthquakes

A simple web application that displays a list and a map view of recent earthquakes, with the ability to filter by continent. The app uses the USGS API to fetch earthquake data.

## 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

  - [🔍 Key Features](#key-features)

- [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Installation](#installation)

  - [Usage](#usage)

- [👥 Authors](#authors)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

## 📖 About the Project 

Earthquakes is a web application that displays a list and a map view of recent earthquakes around the world. Users can filter the earthquakes by continent to see only the relevant information. The app uses the USGS API to fetch real-time earthquake data.

## 🛠 Built With 

- [JavaScript](https://www.javascript.com/)

- [Tailwind CSS](https://tailwindcss.com/)

- [Leaflet.js](https://leafletjs.com/)

- [USGS API](https://earthquake.usgs.gov/fdsnws/event/1/)

## 🔍 Key Features 

- List and map view of earthquakes

- Filter earthquakes by continent

(back to top)


## 🚀 Live Demo 

- [Earthquakes](https://karayamanemre.github.io/earthquakes/)

(back to top)


## 💻 Getting Started 

To get started with the app, follow these steps.

### Prerequisites

- A modern web browser (e.g., Google Chrome, Mozilla Firefox, Safari, Microsoft Edge)

### Installation

1. Clone the Github repository to your local machine:

```sh

  git clone https://github.com/karayamanemre/earthquakes.git

```

Navigate to the project directory in your terminal and run the following command to install the app's dependencies:

```sh

  npm install

```

### Usage

Open the index.html file in your web browser.

### Run tests

- No tests included in this project.

(back to top)


## 👥 Authors 

👤 **Emre Karayaman**

- GitHub: [Emre Karayaman](https://github.com/karayamanemre)

- LinkedIn: [Emre Karayaman](https://www.linkedin.com/in/emre-karayaman-a7b45b243/)

(back to top)


## 🔭 Future Features 

- **Filter by magnitude.**

- **Filter by country.**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

- If you like this project please give it a star ⭐️.

(back to top)


## 🙏 Acknowledgments 

-

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)