Build a Weather App in React JS with OpenWeatherMap API
ฝัง
- เผยแพร่เมื่อ 19 มี.ค. 2023
- In this video, we will Build a weather app in react js with OpenWeatherMap API. We will Axios library to fetch data from OpenWeatherMap API. We will update our weather data based on the city we searched.
Hello from Turkey Yusuf, I learnt a lot , thank you so much , it is one of the greatest tutorial i have ever completed.
Very amazing tutorial thanks I learn a lot
I did everything exactly same after getting some problem... so when i am entering city name in search box it shows invalid city name and doesn't give any response i think ${name} in apiurl in incorrect syntax well if anyone can help please do !!
Sir i done this project,it worked well on my local pc ,but when i deployed it GitHub it was unable to work,i deployed it by using build method.the reference taken by deployment create app,plz reply.
for "axios not found" issue in react run this command in terminal "npm install axios"
tailwind is used for add css in className, so you could use that in this video!
Where are api link and icons for this app? Someone can try to do it in his own way but where to get these stuffs. Add please
Where can I get these images??
Great! 🎉🎉
where can i get all image in this tutorial
My api is not working..how much time it will take..or I do next.. reply me..😢
greate toturial
bro your video is ultimate well but there is on defectioni saw in your video the defection is your voice quality is low without putting leads into ears we can not listen you properly...
hi why you didn't make the search in a component and the result in another component is that wrong can you explain please?
not wrong the logic of every programmer different but I have showed you how you implement thats you. That is good practice to use different components
@@codewithyousaf thank you
supper
Please share ful source code
Please give me images link
excellent tutorial! Germany is not city but country name.
Where is the source of images?
Same question
hi!!! I followed the steps however the CSS doesn't work as it's supposed to do :) . Any idea why?
The css is very simple did you connect the CSS file with js file
@@codewithyousaf yes I did , nvm it worked but now I'm facing some issues with the api
Source code
Source code pleaseeeeee
atleast provide images etc
Reply fast
where to deploy the website?
deploy it on netlipy, render .... search you will find free
showing api key is inavlid
Github repository pls
@@yamunanaramsetti5418 wait for some time it will ok the key.
Is it working now. My api also not working
Buzuma
aapne github file ka link nhi diya
Source code:
www.buymeacoffee.com/codewithyousaf/weather-app-react-js-openweathermap-api
@@codewithyousaf bro in this video you displayed the weather for one city, can you do a video that displays the weather for two cities using two search bars and display both current and forecast weather?? In my college they are asking for it🥺😭