React, Vite ve Axios ile şehir bazlı 4 günlük hava durumu tahmini gösteren, detaylı verileri sunan sade arayüzlü forecast uygulaması.
Kategori
Frontend
Durum
Tamamlandı
GitHub İstatistikleri
Oluşturulma
18 Eyl 2023
Son Güncelleme
19 Eyl 2023
Bu projede React ile şehir bazlı hava durumu verisini gösteren basit bir forecast uygulaması geliştirdim.
Tek bir ekranda şehir arayıp birkaç günlük hava tahminini hızlıca görmek istedim. Sadece anlık sıcaklığı değil, daha detaylı günlük verileri de sade bir arayüzde toplama ihtiyacını çözdüm.
Uygulamayı Vite tabanlı React yapısında kurdum ve veriyi axios ile WeatherAPI üzerinden çektim. Girilen şehir adına göre 4 günlük tahmin verisini alıp kartlar halinde listeledim, hata durumunda şehir bulunamadı mesajı gösterdim. Ek olarak sıcaklık, nem, yağmur ve kar ihtimali gibi alanları açıp kapatan bir detay akışı ekledim.
Ortaya kurulumu kolay, tek sayfada çalışan ve temel forecast akışını net gösteren bir React örneği çıktı. API tüketimi, state yönetimi ve koşullu arayüz gösterimini küçük bir projede topladım.
React, JavaScript, Vite, Axios, Bootstrap, CSS, WeatherAPI