As a part of self study, I have worked on small and simple Weather cards to fetch weather by city and country using a third party API - Open Weather API
You can see the Demo here Weather App
- I have used coding editor Visual studio code but you use any text editor
- Download Node.js and npm and follow installation steps
- Basic knowldge to create react boilerplate application to work on. Have a look the (tutorial by Gurjot Singh Makkar on Codeburst.io)[https://codeburst.io/deploy-react-to-github-pages-to-create-an-amazing-website-42d8b09cd4d] I like the most.
- Creat account on Open Weather API and ge the API to access the Json file. URL will look like this
https://api.openweathermap.org/data/2.5/weather?q=${city},${country}&appid=${API_KEY}&units=metric
Where we pass the API to access json data file with city and country to get the perticular area weather data
- From component, to submit user event with city and contry details
- Weather component, to display weather details requested
Tried to create responsive application using Boostrap 3.3.7
For detailed tutorial, Please visit Youtube channel by Hamza Mirza