← Tüm projeler
Veri Görselleştirme·2025·Canlı

Deprem Risk Panosu

Türkiye deprem verilerini harita ve liste üzerinde filtreleyerek gösteren, CSV indirme destekli izleme paneli.

Rol: Full Stack Geliştirici

ReactLeafletPHPVite
Görünüm
Harita+Liste
Filtre
Büyüklük/Kaynak
Export
CSV

Proje Özeti

Türkiye'deki deprem aktivitesini gerçek zamanlı takip etmek için geliştirilmiş veri görselleştirme panelidir. React frontend ve PHP proxy katmanı ile harici deprem API'sine güvenli erişim sağlar.

Ne İşe Yarar?

Kullanıcılar son depremleri harita üzerinde görür, büyüklük ve kaynak filtreleri uygular, detay bilgilerini inceler ve veri setini CSV olarak indirebilir.

Teknik Yaklaşım

Vite + React ile SPA; Leaflet ile coğrafi görselleştirme. api.php dosyası orhanaydogdu.com.tr deprem API'sine proxy görevi görerek tarayıcı CORS kısıtlamalarını aşar.

Mimari Kararlar

  • Proxy katmanı: Üçüncü parti API anahtarları frontend'de açığa çıkmaz
  • Client-side filtreleme: Hızlı etkileşim için veri bir kez çekilir
  • Responsive layout: Mobil cihazlarda harita ve liste uyumlu çalışır

Faydalar

  • Güncel deprem verilerini tek ekranda takip imkânı
  • Harita ve liste görünümü ile farklı kullanım senaryolarına uyum
  • API proxy ile CORS sorunları çözülür
  • Hafif React SPA ile hızlı etkileşim

Öne Çıkan Özellikler

İnteraktif harita

Deprem noktalarını Leaflet haritası üzerinde gösterir.

Gelişmiş filtreler

Magnitude, kaynak ve zaman aralığına göre filtreleme.

Detay modalı

Her deprem kaydı için konum, derinlik ve büyüklük bilgisi.

Veri dışa aktarım

Filtrelenmiş sonuçları CSV olarak indirme.

Teknolojiler

framework

React

language

TypeScriptPHP

library

Leaflet

tooling

Vite

backend

REST API Proxy