Build A Weather App With React JS | Hourly And Daily Forecast | 2024
HTML-код
- Опубликовано: 14 май 2024
- 🚀 React 18 + TypeScript Course - 50% Discount
codewithyash.com/
✅ Source Code & Assets
buy.stripe.com/4gw6p0d9CeC28D...
🌎 Connect:
Instagram: bit.ly/3rtx0aw
Twitter: bit.ly/3rl0NC1
Email: yashpatel26@gmail.com
I will show you how to build a weather app with React JS and Tailwind CSS using OpenWeatherMap API. API is completely free to use. The build will also include hourly and daily forecasts.
Technologies that we will use for this project are JavaScript, React, Tailwind CSS, luxon, react icons, and react-toastify. It is going to be amazing to work on this build. We will fetch data from OpenWeather endpoints. We will be getting temperature, max, min, humidity, real feel, sunrise, sunset, hourly, and daily forecast. We will also display the local time at the selected location. For input, there are some quick links on top along with a text box for searching a city and also a current location-based search.
📚 Material:
Openweather API: openweathermap.org/
Tailwind CSS: tailwindcss.com/docs/guides/c...
IconScout: iconscout.com/unicons
luxon: www.npmjs.com/package/luxon
react-toastify: www.npmjs.com/package/react-t...
#react #weatherapp
Just a quick note about wind speed in OpenWeather: for the metric system, it is shown in meters per second (m/s), and for the imperial system, it is shown in miles per hour (mph). Thank you so much for the updated video; it has been very helpful for my learning journey.
Thanks, Yash!
Best regards from Brazil.
God bless u!
Thank you for watching :)
can not see the video on the typescripts and react course i love your weather app
thank you so much for this amazing video
Thank you for watching
How did you get the 5 day forecast from the 3 hourly forecast not clear ? You took average?
Thanks❤ bro watched your (building portfolio website) video and It helped me a lot .This project will also help me to add in my portfolio. I want to talk to you where we can talk?
Thank you for watching my videos. I am sure they will help you level up your skills. Feels free to message me on twitter or email me(email in description).
thank you bro , you are the best
I am glad that you watched. Thank you :)
@@yashpatel1O1 i have also made the previous weather application same as this, with react
amazing. previous is not working anymore because of API changes.
you got the same dimension how he got or any change
Why horizontalDetails it not definite
Hello, Yash!
I was following your previous video on Weather App but I got error there .
Now I followed this video and completed the project and every thing looks fine.
thank you🤗
you missed something during the video. Just follow it again, I am sure you will be able to fix it.
@@yashpatel1O1 thank you so much
Hi, very good tutorial, I just have 1 issue the 3 hour step forecast repeats across the screen? the daily is fine, I just can't track the error??
I found it! was the slice I'd entered (0.5) instead of (0, 5) 😁
Thanks for the tutorial! i have been trying to follow along. up to 25 minutes but one problem
For some reason, the blue background is not loading. Any idea? would love to see the github for this
Thank you for watching. You may have made spelling mistake somewhere in tailwind classes. Double check it.
@@yashpatel1O1 i think i triple checked it, maybe some mess up with installing the react library but not sure
at 1:33:19 instead of ahmedabad i am getting undefined