Skip to content

amshunaik/Weather-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WEATHER API

Deploy link : https://github.com/amshunaik/Weather-API/tree/main

Pre-requisite for ReactJS

  • NodeJS and NPM
  • React and React DOM
  • Webpack

Steps to be followed:

  • Open a new folder in vs-code or any other
  • Install react Js using below steps:
         npm -v
         npx create-react-app my-app
         cd my-app
         npm start
         cd my-app

Steps to be followed to create Our Weather Application:

  • createaccount in OpenWeather Map
  • Generate API key in it.
  • Click the API tab in the Navbar.
  • Click the feature you want, for this project i selected "Built-in API request by city name".
  • Get the URL to get weather-info about the city using the API key generated.
  • Make use of the API key in "desp.js" file to read and make use of the data.

Features added:

  • Created dynamic API ,the background image changes in different weather description.
  • To get the real time weather report connect to OpenWeather Map using the API key generated.
  • Got the weather info of the different city like the min-temp,max-temp,humidity level, air pressure and wind speed.
  • Also got the location coordinate of the city, with sunset and sunrise time.
  • Got pictorial representation of the weather description of the city.

image

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors