How To Create Weather App Using React JS In 2024 Step By Step Explanations

[@geek_24]

For anyone who might be confused about how to receive Tailwind CSS class suggestions in VS Code, it's essential to install the Tailwind CSS plugin. I apologize for not mentioning this in the video. To enable class suggestions, please make sure to download and install the Tailwind CSS extension for VS Code. Thank you.

[@awatanshsahay7570]

What a mindblowing explanation 🤯. Plz make more videos like this

[@geek_24]

Thank you, sure will do! Stay tuned :)

[@SatyamMishra-w9m]

Bro, your explanation is awesome. Thank you so much, you have helped me a lot. Please bring more difficult projects like a Social Media App, Spotify Clone, E-commerce Website, and Task Management Tool using React.

[@geek_24]

Thank you so much! 😊 Sure, I'll definitely create some complex projects. Your support means a lot. Thanks again!

[@abhiwb]

Brilliant tutorial! Very clear explanations - worth every second!

[@geek_24]

Thank you so much 😊

[@manishpatedha]

Amazing Project .Learnt a lot . Please continue the project series 🚀

[@geek_24]

Thanks Manish :)

[@nikku0907]

you are best bro😍😍😍😍😍😍

[@geek_24]

Thank you so much 😊

[@fakenoob192]

😁Why need source code for clg projects when there is someone who can explain projects so good

[@geek_24]

Thanks a lot 😊

[@alishashaikh2745]

Thanks

[@geek_24]

Most Welcome.😊

[@sandeepmaurya1694]

great sir , i really want to say thanks just got a job as react js dev, but i am not confident about my coding ,,hr time lgta he kb mera office me last day hoga plz ap react me project banaiye , like mern stack me 1) login page 2)login with social media account 3) register page 4)forgot password 5)reset password plz plz banao sir kisi ne youtube pr nhi banaya he and apke channel ka bhi grow hoga , /

[@geek_24]

Congratulations on landing your React.js job! 🎉 It's completely normal to feel low confidence initially. Remember, everyone goes through it. I'm so proud of you! In a few months, you'll learn and grow, and things will get better. Thanks for the suggestion! I will make entire playlist on MERN stack soon. 😊👏

[@sandeepmaurya1694]

@@geek_24 thank you thank you thank u sir bhot motivation mila apka msg padh kr But me 2 month serious nhi liya tha pr ab jb module or task aa rhe he or vo b kam time me Dena rehta he tb mera dimag Kam Krna bnd kr deta he or muje office me 10 morning se rat ke 10 bje tk baitha kr kam krvate he

[@musicworld1717]

my next project will be this

[@geek_24]

😃

[@anwarbakkar]

yar ap Expence Tracker in react pe bhi bnao kia khyal he?

[@geek_24]

Hlo, Good Idea future m jarur m expense trancer build krunga. Btw you would like it to be a full stack NEXT app or a MERN project?

[@anwarbakkar]

@@geek_24 abi to filhal react.js sikh rha ho

[@prasadparadkar8750]

Can you show how to hide the API key while pushing code to github. I'm aware of .env file but it differs while using vite.

[@geek_24]

Sure I'll make a short on that maybe. But thank you for the comment 😊

[@prasadparadkar8750]

@@geek_24 Thannk you ! Looking forward to it.

[@asthapaliwal6964]

I am not able to add color in bg by using Ctrl+space. Please help me

[@geek_24]

Hi there, For IntelliSense and class completion using ctrl+space, you need to install the Tailwind CSS IntelliSense plugin in your VS Code text editor. Once you install it, you will be able to add classes and get auto-completion. Additionally, I have provided another video link of mine with a timestamp of 12:26 where I demonstrate how to install the extension. You can watch it here: kzbin.info/www/bejne/sGjboXekfbaClaMsi=dIdfMX0DYjsbl69O. Let me know if you have any further questions.

[@Amitdhadange]

bhai error aa rhi hai banne pr current is not define bta raha hai

[@geek_24]

🤔 Please check apki API calling sahi se work kr rahi hae ya nahi. Agr API se data nahi aa raha tab current not defined error milega. Check code from this repository 👉 github.com/Geek24YT/WeatherApp Agr fir bhi error aye toh make sure aapne API key sahi se generate kri ho. 47:00 pr mene mention kra hae usi type se API key apko generate krni hae. Uske baad bhi issue ho toh you can connect with me on my instagram.

[@Amitdhadange]

@@geek_24 data show ho raha hai api sahi work kr rahi hai pr tab bhi (properties of null (reading 'current')) bta raha hai

[@geek_24]

okay... we can discuss this further you can dm me on insta - @chitrang_sharma__

[@AWD-ox5xj]

Same problem

[@geek_24]

@AWD-ox5xj Hi there, thank you for mentioning. Could you please continue watching the video? I have discuss this issue around 1:01:34 in this video. Let me know if that resolves the problem.

[@govindsharma973]

At app. Jsx where we create an object inside the it shows me error help me 😭

[@geek_24]

Hey, don't worry please tell me the exact timestamp in the video and what exact error you are getting on console.

[@govindsharma973]

Bro it solved thanks for your your beautiful tutorial I help me a lot

[@geek_24]

@@govindsharma973 Thank you, you made my day ❣

[@hamedhasan5843]

Is the api is free ?

[@geek_24]

Hi, yes, this API is free to use, but after a certain period, you need to regenerate the keys to continue using it.

[@adarshagarwal9508]

ye responsive nhi h?

[@geek_24]

Hi, you're right, it's not responsive at the moment. Since this tutorial was aimed at beginners, I didn't focus much on responsiveness. However, I'll update the code on GitHub to make it mobile-responsive soon.