YataClimate
YataClimate, farklı şehirlerin güncel hava koşullarını ve tahminlerini okunabilir kartlar ile şehir detaylarında bir araya getiriyor. Sıcaklık bilgisini; saatlik değişim, yağış, rüzgâr ve haftalık görünümle birlikte sunarak günlük plan yapmayı kolaylaştırıyor.
- Teknolojiler
- React · TypeScript · Vinext · Open-Meteo
Problem
Farklı şehirlerin hava koşullarını karşılaştırmak ve saatlik değişimle haftalık tahmini anlaşılır biçimde okumak.
Çözüm
48 öncelikli şehir, şehir araması, favoriler ve ayrıntılı hava görünümü; sıcaklık, yağış ve rüzgâr bilgilerini aynı akışta sunuyor.
Teknik karar
Şehir özetleri tek toplu Forecast isteğiyle alınıyor. Ağır saatlik ve haftalık veri detay açılınca yükleniyor; arama değiştiğinde önceki geocoding isteği iptal ediliyor.
Mevcut sınırlar
Yeni hava verisi için bağlantı gerekiyor. Bazı arama ve şehir hatalarında çevrimdışı durum ile sonuç bulunamaması yeterince ayrışmıyor. Önbellek sayfa belleğiyle sınırlı.
Ekranlar ve doğrulama kapsamı
İki ekran şehir listesini ve detay görünümünü gösteriyor. Kaynak kodunda toplu istek, detay yükleme ve arama iptali incelenebilir; istek azalmasına ilişkin ölçülmüş bir oran sunulmuyor.
Projenin hikâyesi ve uygulama ayrıntıları
YataClimate, şehirlerin hava durumunu tek bir sıcaklık sayısından daha anlaşılır bir günlük tabloya dönüştürmek için geliştirilen web uygulaması. Birden fazla şehir arasında gezinmek, yağışın ne zaman başlayacağını görmek veya hafta boyunca koşulların nasıl değişeceğini anlamak isteyen kullanıcıya şehir kartları ve ayrıntılı tahmin sunuyor. Türkiye ve dünyadan 48 öncelikli şehir, ana ekranda arama yapmadan hızlı karşılaştırma olanağı veriyor.
Arama alanı yazılan ad için Open-Meteo Geocoding servisinden öneriler getiriyor. İstek kısa bir gecikmeyle başlatılıyor; sorgu değişirse önceki istek iptal ediliyor. Benzer adlı şehirler ülke ve idari bölgeyle ayırt ediliyor; öneriler fare veya klavyeyle seçilebiliyor. Favoriler ve son aramalar öncelikli şehirlerin üstünde gösteriliyor. Son on normal arama saklanırken favoriler bu sınırdan ayrı korunuyor.
Şehir kartları anlık sıcaklık, koşul, hissedilen sıcaklık, nem, rüzgâr, yağış olasılığı ve günlük sıcaklık aralığını bir araya getiriyor. Detay sayfasında güncel durumun yanında altı atmosfer metriği, önümüzdeki 12 saatlik görünüm, yedi günlük tahmin ve gün doğumu/batımı bulunuyor. Yağış, UV, rüzgâr veya nem gibi ölçütlere göre kısa bir gün analizi hazırlanıyor. Kullanıcı detaydan tarayıcı geri düğmesiyle şehir listesine dönebiliyor.
React ve TypeScript arayüzü, Vinext üzerinden Next.js uyumlu uygulama yapısında çalışıyor. Geocoding ve Forecast servislerinden gelen yanıtlar TypeScript modellerine dönüştürülüyor; ham servis alanları doğrudan arayüze taşınmıyor. Öncelikli şehirlerin özetleri tek toplu Forecast isteğiyle alınıyor, ağır saatlik ve haftalık veri ise detay açılınca isteniyor. Konum bazlı hava sonuçları kısa süre, öneriler daha uzun süre bellekte tutularak yinelenen çağrılar azaltılıyor.
Renk ve hava sembolleri koşulların hızlı taranmasına yardımcı olurken, arama için combobox rolleri, görünür odak, simge düğmelerine erişilebilir adlar ve azaltılmış hareket desteği eklenmiş. Veri çekilemediğinde veya konum bulunamadığında Türkçe hata durumları var; ancak bazı öneri ve öncelikli şehir hataları bağlantı sorununu yeterince açık ayırt etmiyor. Bu, yeniden deneme ve çevrimdışı geri bildirimle geliştirilebilecek bir sınır. Yeni hava verisi için ağ bağlantısı gerekiyor.