https://github.com/sabriyenohutlu/weather-app

https://weather-projecapp.netlify.app/
https://github.com/sabriyenohutlu/weather-app

api api-consumption css react react-hooks weather-api

Last synced: 7 days ago
JSON representation

https://weather-projecapp.netlify.app/

• Host: GitHub
• URL: https://github.com/sabriyenohutlu/weather-app
• Owner: sabriyenohutlu
• Created: 2022-11-06T20:39:26.000Z (about 2 years ago)
• Default Branch: develop
• Last Pushed: 2023-03-05T19:33:10.000Z (almost 2 years ago)
• Last Synced: 2024-07-21T22:01:55.370Z (5 months ago)
• Topics: api, api-consumption, css, react, react-hooks, weather-api
• Language: JavaScript
• Homepage:
• Size: 1.66 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Hava Durumu Uygulaması / Weather App

Bu projede rapidapi sitesinden fetch ile çektiğim geo-db apisinden search bar ile girilen inputa göre filtereleme yapıp şehir isimlerini buldum.  Şehirlerin anlık hava durumu ve 8günlük tahmini ise openweathermap sitesinden fetch methodu ile çektim.Filterelenen şehir ismine göre weather-api dan ilgili şehrin datasını map fonksiyonu ile sayfada gösterdim.

 ![Sidebar](src/assets/weatherapp.png)

 ![Sidebar](src/assets/weatherapp-res.png)

## API

Geo-API https://wft-geo-db.p.rapidapi.com/v1/geo

Weather-API https://api.openweathermap.org/data/2.5

## demo

https://weather-projecapp.netlify.app/