Deploy link : https://github.com/amshunaik/Weather-API/tree/main
- NodeJS and NPM
- React and React DOM
- Webpack
- 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
- 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.
- 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.
