GeoSentinel, Türkiye genelindeki sismik aktiviteleri (depremleri) gerçek zamanlı olarak izleyen, analiz eden ve kullanıcıya modern bir arayüzle sunan bir "Sismik İstihbarat" panelidir.
Sadece veri listelemekle kalmaz; harita üzerinde görselleştirme, büyüklük analizi ve afet anında toplanma alanlarına erişim gibi hayati özellikler sunar.
Projenin canlı çalışan halini buradan inceleyebilirsiniz: 🔗 https://geo-sentinel-five.vercel.app/
- 📡 Canlı Veri Akışı: Kandilli Rasathanesi verileri ile saniyelik senkronizasyon.
- 🗺️ İnteraktif Harita: * Leaflet.js tabanlı dinamik harita.
- Katmanlar: Karanlık, Uydu ve Arazi (Terrain) modları arası geçiş.
- Animasyon: Deprem büyüklüğüne göre değişen "Pulse" efektleri.
- 🔍 Akıllı Arama ve Filtreleme:
- Şehre veya bölgeye göre anlık arama.
- Deprem büyüklüğüne (>3.0, >4.0, >5.0) göre filtreleme.
- 🛡️ Güvenli Bölgeler: Olası afet durumunda en yakın toplanma alanlarını harita üzerinde gösterme.
- 📊 Detaylı Analiz: Seçilen depremin derinlik, zaman ve tam konum bilgilerini içeren "Drawer" (Kayar Panel) sistemi.
- 📱 Tam Responsive: Mobil cihazlarda uygulama hissi veren, masaüstünde ise profesyonel bir dashboard deneyimi sunan duyarlı tasarım.
- 🎨 UI/UX: Glassmorphism (Buzlu Cam), Neon efektleri ve Dark Mode ile modern, "Cybersecurity" temalı arayüz.
Bu proje, modern web geliştirme standartlarına uygun olarak, performans ve ölçeklenebilirlik odaklı geliştirilmiştir.
| Alan | Teknoloji |
|---|---|
| Framework | Next.js 14 (App Router) |
| Dil | TypeScript |
| Styling | Tailwind CSS (Custom Animations & Glassmorphism) |
| Maps | Leaflet.js & React-Leaflet |
| Data Fetching | Axios |
| Icons | Lucide React |
| Deployment | Vercel |
Projeyi kendi bilgisayarınızda çalıştırmak için şu adımları izleyin:
-
Repoyu Klonlayın:
git clone https://github.com/egnake/geo-sentinel.git cd geo-sentinel -
Paketleri Yükleyin:
npm install
-
Geliştirme Sunucusunu Başlatın:
npm run dev
-
Tarayıcınızda
http://localhost:3000adresine gidin.
src/
├── app/ # Next.js App Router (Sayfalar)
├── components/ # UI Bileşenleri (Map, Sidebar, Drawer vb.)
│ ├── Map.tsx # Harita Mantığı
│ ├── Sidebar.tsx # Veri Listesi ve Filtreler
│ ├── Drawer.tsx # Detay Paneli
│ └── ...
├── data/ # Statik Veriler (Toplanma Alanları vb.)
└── styles/ # Global CSS ve Tailwind Ayarları