https://github.com/harshitha-2201/weatherapp

This is a weather prediction app using React by using openWeatherApi
https://github.com/harshitha-2201/weatherapp

api arrow-functions current-timezone hooks html-css-javascript javascript material-ui media-queries openweathermap-api react-weather-app reactjs responsive-web-design search temparature ui-design useeffect-hook usestate-hook weather-forecast

Last synced: about 15 hours ago
JSON representation

This is a weather prediction app using React by using openWeatherApi

• Host: GitHub
• URL: https://github.com/harshitha-2201/weatherapp
• Owner: harshitha-2201
• Created: 2023-07-02T10:33:18.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-07-02T11:20:42.000Z (over 1 year ago)
• Last Synced: 2024-01-27T11:34:34.249Z (10 months ago)
• Topics: api, arrow-functions, current-timezone, hooks, html-css-javascript, javascript, material-ui, media-queries, openweathermap-api, react-weather-app, reactjs, responsive-web-design, search, temparature, ui-design, useeffect-hook, usestate-hook, weather-forecast
• Language: JavaScript
• Homepage: https://weatherapp-ap.netlify.app/
• Size: 179 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WEATHER-APPLICATION

### Overview

 * create an app

 * go to openweather.org, create an account and login and get api keys by clicking on profile

 * copy api key and keep it

 * we will get a mail for api key and example of api call copy it and keep it or can also be done 

    by current weather data->api docs

 * Like this : [https://api.openweathermap.org/data/2.5/weather?q=${cityName}&appid={apikey}]

 * apikey : [f9ad0d563e1d98c23693e24c1ac143bf]

 * In  components folder > searchForm.jsx, make a search input and button

 * To  default icon, go to weather icons and   used a Material ui icons.

 *  weather.css file to apply all styles and mediaquerys and its also responsive web site

 * In second file weather from components folder

 * And fetches  time for  every sec and displayes o UI.

 * Handles Every request  useffect and usestate hook to manage the state effectively

 * fetch the current Weather Using openweathermap Api and manage their data  handles their errors as well and covert the units kelvin to celcius

 * And Another file weatherDetails.jsx  to maintain Ui  components and details to display

### Wanna Try

  * If Have reference  click here : [https://weatherapp-ap.netlify.app/]