Weather App

Kısa Açıklama

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}

Problem

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}

Çözüm

Ş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}

Sonuç

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}

Teknolojiler

HTML5, CSS3, JavaScript, OpenWeatherMap API, GSAP, Lucide Icons, localStorage, Geolocation API

Kurulum