/odev-3-weather-app-hasantezcan

odev-3-weather-app-hasantezcan created by GitHub Classroom

Primary LanguageJavaScriptMIT LicenseMIT

Kodluyoruz Earlybird Front-End Talent Bootcamp

Ödev 3 - Hasan Tezcan

Bootcamp boyunca aldığım tüm notlar: https://github.com/hasantezcan/kodluyoruz-react-bootcamp


Önizleme:

Ekran görüntüsü:

screenshot

Görev:

  • Sizden genel olarak bir hava durumu uygulaması geliştirmenizi bekliyorum. Türkiye'nin tüm illerinin bir haftalık hava raporunu görüntüleyebilmeliyiz.

Ekran aşadağı görseldeki gibi olacaktır.

preview

Gereksinimler

  • Uygulama, Context API kullanılarak geliştirilmelidir.
  • Hava raporunda görüntülenen veriler tamamen gerçeği yansıtmalıdır. Hava durum bilgilerine erişmek için OpenWeather API kullanılabilir. Veya dilediğiniz farklı bir API'ı da kullanabilirsiniz.
  • Hava raporu, içinde bulunduğumuz günden başlayarak önümüzdeki bir haftalık süreci yansıtacaktır. Yukarıdaki görseli referans alabilirsiniz.
  • Sayfa ilk açıldığında varsayılan olarak dilediğiniz herhangi şehrin hava durumunu gösterebilirsiniz. Bu noktada yapmak isteyenler için kullanıcıdan konum erişim izni istenerek bulunduğu şehrin bilgileri varsayılan olarak gösterilebilir.
  • Yine yukarıdaki görselde görüleceği üzere, içinde bulunduğumuz gün bir background ve border ile belirginleştirilmelidir.
  • Günlerin listelendiği kartlarda gün adı, hava durumu görseli(güneşli, yağmurlu, karlı, parçalı bulutlu), en yüksek ve en düşük sıcaklık gösterilmelidir.
  • Bir dropdown aracılığı ile farklı bir şehrin hava raporuna ulaşılabilmelidir.
  • Uygulama Netlify üzerine deploy edilmelidir.
  • Uygulama önizleme bağlantısı README dosyasının en üst satırında belirtilmelidir.

Tasarımı dilediğiniz gibi yapabilirsiniz.