Build a React.js Bootstrap 5 Weather App Using OpenWeatherMap API in Browser Using Fetch API in Javascript

 

 

npx create-react-app weatherapp

 

 

cd weatherapp

 

 

npm i bootstrap

 

 

Now inside your App.js file of your project copy paste the below code

 

 

App.js

 

 

 

 

Here you need to replace the openweathermap apikey

 

 

And now you need to make a components folder and inside this you need to make

 

 

Form.js

 

 

 

 

Titles.js

 

 

 

 

Weather.js

 

 

 

 

App.css

 

 

 

 

 

Leave a Reply