Earthquake Risk Dashboard
Monitoring panel displaying Turkey earthquake data on map and list views with CSV export support.
Role: Full Stack Developer
- View
- Map+List
- Filter
- Magnitude/Source
- Export
- CSV
Project Overview
A data visualization panel for monitoring earthquake activity in Turkey. React frontend with PHP proxy layer provides secure access to external earthquake APIs.
What It Does
Users view recent earthquakes on a map, apply magnitude and source filters, inspect detail information, and download datasets as CSV.
Technical Approach
Vite + React SPA with Leaflet for geographic visualization. The api.php file proxies the orhanaydogdu.com.tr earthquake API, bypassing browser CORS restrictions.
Architecture Decisions
- Proxy layer: Third-party API keys never exposed in frontend
- Client-side filtering: Data fetched once for fast interaction
- Responsive layout: Map and list work seamlessly on mobile
Benefits
- Track recent earthquake activity on a single screen
- Map and list views adapt to different use cases
- API proxy resolves CORS issues cleanly
- Lightweight React SPA for fast interaction
Key Features
Interactive map
Displays earthquake points on a Leaflet map.
Advanced filters
Filter by magnitude, source, and time range.
Detail modal
Location, depth, and magnitude info for each record.
Data export
Download filtered results as CSV.
Technologies
framework
language
library
tooling
backend