Это видео недоступно.
Сожалеем об этом.

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

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2023
  • 👋 Welcome to our step-by-step guide on creating a Live Weather Search App using React JS in Hindi! Throughout this tutorial, we'll dive into React Functional Components, explore React Hooks, master the Fetch API, and unravel many more essential concepts in the realm of React development.
    Learn How To Create Weather App Using React JS With Step By Step Explanation | Make Weather App In React JS#geek24
    #Reactjs #ReactProjects
    ➡️ Google Translator Clone - Tutorial in Hindi 2023 Playlist: • Google Translate Clone...
    ✅ Master React Bootstrap: Tutorial in Hindi • ReactBootstrap Tutoria...
    🚀 Explore More Web Development Tutorials:
    ✅ React JS Beginners Projects: • ReactJS Projects
    🔗 Repository Link for the Weather App Project: github.com/Gee...
    🌟 Don't miss out on honing your React skills with our in-depth tutorials. Subscribe, like, and hit the bell icon to stay updated on the latest web development trends!

Комментарии • 51

  • @geek_24
    @geek_24  6 месяцев назад +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.

  • @user-wz7wh8pc7w
    @user-wz7wh8pc7w 10 дней назад +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  10 дней назад

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

  • @awatanshsahay7570
    @awatanshsahay7570 4 месяца назад +2

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

    • @geek_24
      @geek_24  4 месяца назад

      Thank you, sure will do! Stay tuned :)

  • @abhiwb
    @abhiwb 8 месяцев назад

    Brilliant tutorial! Very clear explanations - worth every second!

    • @geek_24
      @geek_24  8 месяцев назад

      Thank you so much 😊

  • @manishpatedha
    @manishpatedha 8 месяцев назад +1

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

    • @geek_24
      @geek_24  8 месяцев назад

      Thanks Manish :)

  • @nikku0907
    @nikku0907 8 месяцев назад +1

    you are best bro😍😍😍😍😍😍

    • @geek_24
      @geek_24  8 месяцев назад

      Thank you so much 😊

  • @alishashaikh2745
    @alishashaikh2745 5 месяцев назад +1

    Thanks

    • @geek_24
      @geek_24  5 месяцев назад

      Most Welcome.😊

  • @sandeepmaurya1694
    @sandeepmaurya1694 8 месяцев назад +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  8 месяцев назад +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 8 месяцев назад +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

  • @asthapaliwal6964
    @asthapaliwal6964 4 месяца назад +1

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

    • @geek_24
      @geek_24  4 месяца назад

      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: ruclips.net/video/z7xpDnHQO_A/видео.htmlsi=dIdfMX0DYjsbl69O.
      Let me know if you have any further questions.

  • @anwarbakkar
    @anwarbakkar 22 дня назад +1

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

    • @geek_24
      @geek_24  21 день назад

      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 21 день назад +1

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

  • @prasadparadkar8750
    @prasadparadkar8750 5 месяцев назад +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  5 месяцев назад

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

    • @prasadparadkar8750
      @prasadparadkar8750 5 месяцев назад +1

      @@geek_24 Thannk you ! Looking forward to it.

  • @musicworld1717
    @musicworld1717 6 месяцев назад +1

    my next project will be this

  • @govindsharma973
    @govindsharma973 6 месяцев назад

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

    • @geek_24
      @geek_24  6 месяцев назад

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

    • @govindsharma973
      @govindsharma973 6 месяцев назад +1

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

    • @geek_24
      @geek_24  6 месяцев назад

      @@govindsharma973 Thank you, you made my day ❣

  • @adarshagarwal9508
    @adarshagarwal9508 3 месяца назад +1

    ye responsive nhi h?

    • @geek_24
      @geek_24  3 месяца назад

      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.

  • @hamedhasan5843
    @hamedhasan5843 2 месяца назад +1

    Is the api is free ?

    • @geek_24
      @geek_24  2 месяца назад

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

  • @Amitdhadange
    @Amitdhadange 6 месяцев назад +1

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

    • @geek_24
      @geek_24  6 месяцев назад

      🤔 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 6 месяцев назад +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  6 месяцев назад

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

    • @AWD-ox5xj
      @AWD-ox5xj 6 месяцев назад +1

      Same problem

    • @geek_24
      @geek_24  6 месяцев назад

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