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

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 พ.ย. 2024

ความคิดเห็น • 53

  • @geek_24
    @geek_24  9 หลายเดือนก่อน +1

    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
    @awatanshsahay7570 6 หลายเดือนก่อน +2

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

    • @geek_24
      @geek_24  6 หลายเดือนก่อน

      Thank you, sure will do! Stay tuned :)

  • @SatyamMishra-w9m
    @SatyamMishra-w9m 3 หลายเดือนก่อน +1

    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
      @geek_24  3 หลายเดือนก่อน

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

  • @abhiwb
    @abhiwb 11 หลายเดือนก่อน

    Brilliant tutorial! Very clear explanations - worth every second!

    • @geek_24
      @geek_24  11 หลายเดือนก่อน

      Thank you so much 😊

  • @manishpatedha
    @manishpatedha 11 หลายเดือนก่อน +1

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

    • @geek_24
      @geek_24  11 หลายเดือนก่อน

      Thanks Manish :)

  • @sandeepmaurya1694
    @sandeepmaurya1694 11 หลายเดือนก่อน +1

    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
      @geek_24  11 หลายเดือนก่อน +1

      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
      @sandeepmaurya1694 11 หลายเดือนก่อน +1

      @@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

  • @fakenoob192
    @fakenoob192 17 วันที่ผ่านมา +1

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

    • @geek_24
      @geek_24  17 วันที่ผ่านมา

      Thanks a lot 😊

  • @nikku0907
    @nikku0907 11 หลายเดือนก่อน +1

    you are best bro😍😍😍😍😍😍

    • @geek_24
      @geek_24  11 หลายเดือนก่อน

      Thank you so much 😊

  • @alishashaikh2745
    @alishashaikh2745 8 หลายเดือนก่อน +1

    Thanks

    • @geek_24
      @geek_24  8 หลายเดือนก่อน

      Most Welcome.😊

  • @anwarbakkar
    @anwarbakkar 3 หลายเดือนก่อน +1

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

    • @geek_24
      @geek_24  3 หลายเดือนก่อน

      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
      @anwarbakkar 3 หลายเดือนก่อน +1

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

  • @prasadparadkar8750
    @prasadparadkar8750 8 หลายเดือนก่อน +1

    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
      @geek_24  8 หลายเดือนก่อน

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

    • @prasadparadkar8750
      @prasadparadkar8750 8 หลายเดือนก่อน +1

      @@geek_24 Thannk you ! Looking forward to it.

  • @asthapaliwal6964
    @asthapaliwal6964 7 หลายเดือนก่อน +1

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

    • @geek_24
      @geek_24  7 หลายเดือนก่อน

      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: th-cam.com/video/z7xpDnHQO_A/w-d-xo.htmlsi=dIdfMX0DYjsbl69O.
      Let me know if you have any further questions.

  • @musicworld1717
    @musicworld1717 8 หลายเดือนก่อน +1

    my next project will be this

    • @geek_24
      @geek_24  8 หลายเดือนก่อน

      😃

  • @Amitdhadange
    @Amitdhadange 9 หลายเดือนก่อน +1

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

    • @geek_24
      @geek_24  9 หลายเดือนก่อน

      🤔 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
      @Amitdhadange 9 หลายเดือนก่อน +1

      @@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
      @geek_24  9 หลายเดือนก่อน

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

    • @AWD-ox5xj
      @AWD-ox5xj 8 หลายเดือนก่อน +1

      Same problem

    • @geek_24
      @geek_24  8 หลายเดือนก่อน

      @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
    @govindsharma973 8 หลายเดือนก่อน

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

    • @geek_24
      @geek_24  8 หลายเดือนก่อน

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

    • @govindsharma973
      @govindsharma973 8 หลายเดือนก่อน +1

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

    • @geek_24
      @geek_24  8 หลายเดือนก่อน

      @@govindsharma973 Thank you, you made my day ❣

  • @hamedhasan5843
    @hamedhasan5843 5 หลายเดือนก่อน +1

    Is the api is free ?

    • @geek_24
      @geek_24  5 หลายเดือนก่อน

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

  • @adarshagarwal9508
    @adarshagarwal9508 6 หลายเดือนก่อน +1

    ye responsive nhi h?

    • @geek_24
      @geek_24  6 หลายเดือนก่อน

      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.