Skip to content

Latest commit

 

History

History
19 lines (14 loc) · 1.07 KB

README.md

File metadata and controls

19 lines (14 loc) · 1.07 KB

Weather-App-using-REACT

Project Files

- https://github.com/Pragna235/REACT_Project_Weather_App/tree/master?tab=readme-ov-file

Live Project

- https://pragna235.github.io/REACT_Project_Weather_App/

Playbook

  • Create your React app in VSCode as mentioned in the previous React Project Login-SignUp-page-using-React

  • Get the Weather API from openweathermap

  • Integrate it into your .jsx file

  • Install the Thunder Client extension on your VSCode workspace

  • Using this extension, we can see the response data coming from the API

  • Now go to openweathermap api in the browser search bar and get the api doc of Current Weather Data

  • Copy the url from the Examples of API calls section at the bottom of the page and paste it in the Thunder Client GET section

  • Get your previously copied API key and paste it in the place of {API Key} in the url.

  • To get the temperature in celsius instead of kelvin, add &units=Metric in the API request url after the city name.

  • Now use this modified url in your .jsx file for further functioning.