
OpenWeatherMap API ile anlık hava durumu ve 5 günlük tahmini gösteren, vanilla JS ile geliştirilmiş, dinamik arka planlı web tabanlı hava durumu uygulaması.
Kategori
Frontend
Durum
Tamamlandı
GitHub İstatistikleri
Oluşturulma
10 Nis 2023
Son Güncelleme
18 Oca 2026
Bu projede OpenWeatherMap verisini kullanarak anlık hava durumu ve 5 günlük tahmini gösteren, tarayıcıda çalışan bir hava durumu arayüzü geliştirmişim. Arayüz vanilla JavaScript ile kurulmuş; konum alma, son aramalar ve dinamik arka plan gibi parçalar doğrudan istemci tarafında çalışıyor. :contentReference[oaicite:0]{index=0}
Temel hava durumu uygulamaları çoğu zaman sadece sıcaklığı gösteriyor ve kullanım akışı zayıf kalıyor. Bu projede arama, mevcut konumu kullanma, ek hava durumu metrikleri ve kısa vadeli tahmini tek ekranda toplama ihtiyacını çözmeye odaklanmışım. :contentReference[oaicite:1]{index=1}
Şehir adına ya da koordinata göre OpenWeatherMap API çağrıları yapıp sıcaklık, hissedilen sıcaklık, rüzgar, nem, basınç ve görüş mesafesi bilgilerini ekrana basıyorum. Hava durumuna göre arka plan gradyanını değiştiriyorum, ikonları Lucide ile üretiyorum ve geçişleri GSAP ile hareketlendiriyorum. Son aranan şehirleri de localStorage içinde tutup yeniden erişilebilir hale getirmişim. :contentReference[oaicite:2]{index=2}
Ortaya kurulum gerektirmeden doğrudan tarayıcıda açılabilen, görsel olarak daha düzenli ve etkileşimli bir hava durumu uygulaması çıkmış. Proje küçük ölçekli ama API entegrasyonu, tarayıcı özellikleri ve arayüz durumu yönetimini tek dosya yapısında net şekilde gösteriyor. :contentReference[oaicite:3]{index=3}
HTML5, CSS3, JavaScript, OpenWeatherMap API, GSAP, Lucide Icons, localStorage, Geolocation API