HavaX Weather App
React, TypeScript ve OpenWeather API ile geliştirdiğim; gerçek zamanlı hava durumu, saatlik grafikler, 5 günlük tahmin ve favori şehir desteği sunan modern hava durumu uygulaması.
- Yıl
- 2026
- Durum
- Tamamlandı
- Rol
- Frontend Geliştirme
- Platform
- Web
Proje Açıklaması
HavaX Weather App, kullanıcıların güncel hava durumu bilgilerine modern ve kullanımı kolay bir arayüz üzerinden erişebilmesini sağlayan React tabanlı bir web uygulamasıdır.
Uygulama; gerçek zamanlı hava durumu verileri, saatlik sıcaklık grafikleri, 5 günlük tahmin, konum bazlı otomatik hava durumu ve favori şehir yönetimi gibi özellikleri tek bir deneyim altında birleştirir.
Kullanıcılar mevcut konumlarının hava durumunu otomatik olarak görüntüleyebilir, farklı şehirleri arayabilir ve sık takip ettikleri şehirleri favorilerine ekleyebilir.
Veri yönetimi ve API istekleri TanStack Query ile yapılandırıldı. OpenWeather API üzerinden alınan veriler kullanıcıya sade, hızlı ve responsive bir arayüzle sunuldu.
Saatlik sıcaklık değişimleri Recharts ile görselleştirildi. Arayüz Tailwind CSS ve Shadcn UI kullanılarak geliştirildi. Dark ve Light mode desteğiyle farklı kullanım tercihlerine uyum sağlandı.
Bu proje, modern React geliştirme yaklaşımı, API entegrasyonu, asenkron veri yönetimi ve kullanıcı deneyimi konularında kendimi geliştirdiğim kapsamlı bir frontend çalışması oldu.
03 / Teknolojiler
04 / Temel Özellikler
- Gerçek zamanlı hava durumu
- Konum bazlı otomatik hava durumu
- Şehir arama
- Favori şehirler
- Saatlik sıcaklık grafiği
- 5 günlük hava tahmini
- Responsive arayüz
- Dark mode
- Light mode
- API hata ve yüklenme durumları
- TanStack Query ile veri yönetimi