01
Interactive Earthquake Map
Explore earthquake locations through a dynamic map interface powered by Leaflet and React-Leaflet.
LIVE EARTHQUAKE MONITORING
Understand the Earth beneath you.
Quakescope transforms global seismic data into an interactive, understandable, and visually rich monitoring experience.
NORTH AMERICA
EUROPE
ASIA
PACIFIC
Live Data
USGS Earthquake Feed
Smart Filters
Magnitude & Time
01 / THE PROJECT
Making seismic data
Making seismic data
easier to understand.
Earthquake information is often available through raw APIs, technical dashboards, and complex datasets that are difficult for ordinary users to interpret.
Quakescope addresses this problem by presenting earthquake information through an interactive map, intuitive filters, and detailed event information.
The application focuses on improving the discoverability and visual understanding of global seismic activity.
The Problem
Raw seismic data can be difficult to search, compare, and interpret without visual context.
Raw data
Complex interpretation
Quakescope
Clear visual insights
02 / CAPABILITIES
Built for clarity,
Built for clarity,
discovery, and interaction.
02
Dynamic Filtering
Narrow earthquake results using magnitude and time-window filters to find relevant events.
Magnitude
4.5+
Time Range
24 Hours
03
Event Details
Inspect individual events through information such as magnitude, coordinates, significance, and alert levels.
SELECTED EVENT
Magnitude 5.2
Coordinates available
04
Reliable Error Handling
The application manages network failures, timeouts, and empty result sets to provide a more resilient experience.
Timeout handling
Network error states
Empty results feedback
03 / HOW IT WORKS
From seismic feed
From seismic feed
to visual understanding.
01
DATA SOURCE
Fetch earthquake data
Quakescope requests earthquake information from the USGS Earthquake Catalog API.
02
PROCESSING
Process and manage results
The frontend receives GeoJSON data and manages application state, loading states, and error conditions.
03
VISUALIZATION
Display events on the map
Earthquake coordinates are represented through interactive map markers and geographic context.
04
EXPLORATION
Filter and inspect events
Users can refine results and open individual event details to understand seismic activity.
04 / TECHNICAL FOUNDATION
Modern tools.
Modern tools.
Focused implementation.
Quakescope uses a modern frontend stack to combine live data retrieval, interactive mapping, responsive design, and client-side state management.
Explore the repositoryReact 19
Component-based user interface development
Vite
Fast development server and build tooling
Tailwind CSS
Utility-first styling and responsive layouts
Leaflet
Interactive geographic visualization
USGS Earthquake API
External source for earthquake GeoJSON data
JavaScript
Application logic and asynchronous data handling
05 / PROJECT BOUNDARIES
What Quakescope
What Quakescope
does—and does not do.
In Scope
- Fetching earthquake data from the USGS service
- Interactive map-based event visualization
- Magnitude and time-window filtering
- Individual earthquake information
- Loading, error, and empty-state handling
- Responsive and keyboard-accessible interface
Out of Scope
- User accounts and authentication
- Saved searches or personalized dashboards
- Push notifications or WebSocket alerts
- Independent earthquake prediction
- Advanced seismic trend calculations
- Replacement for official emergency information
Important Data Note
Earthquake reports may be delayed or revised. Automatically generated event information can change as more seismic data is analyzed. Quakescope visualizes data supplied by the external USGS service and does not predict earthquakes.
EXPLORE THE PROJECT
See seismic data
See seismic data
in a new way.
Visit the live dashboard or explore the source code behind Quakescope.