Build a Responsive Weather App in React JS | Beginner React JS Tutorial

[@malhareshivam9861]

This is easy to understand instead of creating extra variable. //dynamic Background Image if(data.temp>20){ setBg(hotBg); } else{ setBg(coldBg); }

[@SolzheBitsyn]

I'm three minutes in and I can already tell this is going to be a fantastic tutorial

[@yashpatel1O1]

Thank you for watching :)

[@dilyafruzik]

Hi! It's the first video in english i've seen for my it-studies. It's clear. Thank you

[@yashpatel1O1]

Thank you ☺️

[@abhishekkumar-fe8lw]

how do i get icon url,you opened the image by already finished project of yours,how do i access it?

[@muhammadraflipratama4483]

Thank You Mate, You are very good at explaining things that are difficult to understand, can't wait for the next amazing project !!!

[@yashpatel1O1]

Thank you ☺️

[@BrianKarmo]

Thank you for going into detail from the css to the final build, i refined and refactored this project a tad bit and now is my go to on my portfolio for now lol🙏

[@yashpatel1O1]

Amazing!!

[@tejusgroup6695]

Good Morning, Rock Star Yash.. This is amazing weather app using React and CSS, Responsiveness is superb !! and Your Camara quality is good and sound quality is crystal clear🔊 Happy Coding Brother

[@yashpatel1O1]

Thank you for your feedback ☺️

[@joaquin_carp]

Yash enjoyed your video very much, thanks and greetings from Argentina.

[@yashpatel1O1]

Glad you enjoyed it!

[@tomastefan992]

Can you give me some hints on how can I add an Autocomplete on the search bar for the cities ? Thanks !

[@aloksharma5468]

I'm building my first project in reactJS and tbh for the first 30 mins I was super happy but after that I felt like a shit. But great work man! Great video. ✨✨

[@yashpatel1O1]

happens to everyone. there is always a learning curve. Stick with it and you will get better.

[@sanyamjain4777]

Please make a shopping cart app using reducer and context

[@yashpatel1O1]

I will put it on my todo list.

[@CaliburPANDAs]

@@yashpatel1O1 update?

[@manojkumarparuchuri5920]

Another amazing tutorial you are changing so many people lives thanku so much

[@yashpatel1O1]

Glad you think so!

[@VinayPanchal01]

Really loved your video one my first api project is was planning to do thanks bro.

[@yashpatel1O1]

Awesome :)

[@laibahameed6374]

Where to get the icons of sun...I can't seem to find it...Even though I'm using the same key used in the tutorial.?

[@ritika8539]

great tutorial👏👏👏

[@sulemanimtiaz1343]

Can we access data other than Open Weather API???

[@rod6027]

Fantastic stuff sir 👍

[@yashpatel1O1]

Thank you! Cheers!

[@sunbirdthewayoflife5361]

Anyone facing a blank screen even if your codes were working just fine. Any suggestions?---- I was using the default value (null) and it causes a blank screen after reloading the screen but using (' ') as a default value solves the issue. Thanks 🙏

[@raneemaljamal6269]

I try it its amazing thank you for this tutorial

[@yashpatel1O1]

Thank you

[@ryanmilligan7152]

Great as always, boss.

[@yashpatel1O1]

Thanks again!

[@chunkwanchan5503]

for text content of the unit toggle button, can I use {units === "metric" ? "°F" : "°C"} or is it more common to change it with DOM.innerText in the video?

[@anishvishwakarma3468]

yes bro you heard it right

[@vasanthakumarrajendran997]

In this weather API project can you add dark mode button and also date,time, day

[@yashpatel1O1]

I have other weather app with day, date and time display. For dark mode I will create a video in future. Let me know if you need help with something else. Thank you for watching 😊

[@vasanthakumarrajendran997]

@@yashpatel1O1 ok bro your project is awesome !

[@vasanthakumarrajendran997]

Yeah awesome, but one issue bro api key is not working. I see my browser console that shown an 401 error .

[@yashpatel1O1]

Ohh. Are you using your own keys from OpenWeatherAPI?

[@vasanthakumarrajendran997]

@@yashpatel1O1no if i put my own key means that showns an 401 error

[@troynelson6394]

What if you live in the US and wanted to add the state? We have several cities with the same name and I don't see the state attribute in the openweatherapp api

[@yashpatel1O1]

interesting question. Found this in the docs, call the query like this `city, state code, country code`. I would recommend you to read the docs for better understanding.

[@jritzeku]

How do you go about deciding which option to use for css on a React project(css, tailwind, bootstrap ) ?

[@yashpatel1O1]

always pick what you know best. if you don't know any then learn a little about all of them and pick what you like

[@muskangupta421]

Really helpful 👍

[@yashpatel1O1]

thank you

[@rod6027]

If we want to info about Indian cities it works or not...

[@YALITTLLE]

im a starter , so i could not understand one thing , from where did you get the six datas of icons? please answer 😢

[@yashpatel1O1]

I would recommend you to go through some basic tutorials and come back later. You will be able to understand a whole lot better.

[@aritrachowdhury4403]

Very Good video Man. Hands Down !! please make more beginner friendly React Videos.

[@yashpatel1O1]

More to come!

[@flashey2114]

please explain every process step by step in every videos.

[@yashpatel1O1]

noted! Thank you for your feedback.

[@krishnamohan-nz6cc]

You have missed to add error handling...

[@yashpatel1O1]

will add it in future videos. Thank you for watching :)

[@Alpha-kn7fv]

You should had used the link of images instead of just importing from file manager, it would have been beneficial for hosting

[@laibahameed6374]

Where to get the icons of sun...I can't seem to find it...Even though I'm using the same key used in the tutorial.?

[@Alpha-kn7fv]

@@laibahameed6374 the sun is not an icon here, it is an image. Download an image icon of sun and then use it

[@rod6027]

Onclick is not working in app

[@PankajRathrePR]

I need some help plzz reply me

[@yashpatel1O1]

what is the issue?

[@deepakumari-yf1tr]

​@@yashpatel1O1 sir is this video is an alternate of weathere horly and daily forecast using react js? Pls reply

[@shivshankarjaiswal9718]

please share code's pdf

[@yashpatel1O1]

it is available on github

[@anishvishwakarma3468]

where did i found that@@yashpatel1O1

[@ShivamYadav-eq4mh]

Thanks 👍

[@yashpatel1O1]

Welcome 👍

[@burraqgamming5474]

if someone enter wrong city name then came error is to bad interface i went to help me and handle error properly otherwise video is fantfantastic

[@anishvishwakarma3468]

bhai also getting too much error i made as it is project like the tutor

[@singmantkpss]

Gracias!

[@yashpatel1O1]

Thank you ☺️

[@mithunyadav8495]

Many many thanks for this tutorial. amazing!!

[@yashpatel1O1]

Thank you

[@anishvishwakarma3468]

bhai , this project shows error me why i don't know all things undefined and different type of error occurring i don't know what's going on , i made it as it yet ,can you please share me the source code if you made this

[@maazmuhammad1013]

WHAT A WASTE OF MY TIME !!!! YOU MADE THIS OVERLY COMPLICATED !!!!