Skip to content

pickingname/qualos

qualos

A website that shows the most recent earthquake in a map using p2pquake API.

Note: This codebase is pretty much a mess. It’s a personal project and not intended for public collaboration, so don’t waste your time trying to dig into it. If you have any questions or need clarification, please reach out to me directly. This app was primarily developed for my personal use to check some data quickly. It doesn’t really require any help, but any contributions are still welcome.

CodeFactor DeepSource DeepSource

Provider URL
Vercel https://qualos.info
Cloudflare Pages (Backup) https://qualos.pages.dev

Cloudflare pages is served as a backup incase vercel is down


Inspiration

This app was developed as an alternative to quarog, serving as a web-based remake of the original. I extend my gratitude to the original creator for the app's concept. Please note that this app is not affiliated with the original app's creator.


Features

  • Displays real-time earthquake information sourced from the p2pquake API.
  • Renders a banner showing details such as epicenter location, maximum intensity, depth, time, and magnitude.
  • Shows intensity measured from stations on a map as a circle icon.
  • Displays intensity reports; if intensity exceeds 3, it highlights prefectures with intensity levels using a square icon instead of a circle.
  • Shows P and S wave information during an active earthquake using the Yahoo API.
  • Light / Dark theme support. (Applied automatically based on the system's theme)
  • Now displays tsunami warning (line + text)

Development

To get started with development:

  1. Clone this repository.
  2. Install dependencies with npm install.
  3. Start the development server with npm run dev.
  4. Open localhost:5173 (or the address shown by Vite in the terminal) in your browser.