Flutter Weather App Tutorial | OpenWeather API Weather App Flutter | Tutorial For Beginners
Вставка
- Опубліковано 3 лис 2023
- 💼 Book a meeting: cutt.ly/Pegxp5rA
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
In this video, we will be creating a weather app using Flutter. We will use the weather and intl packages to create our Flutter application. We will be using the OpenWeather API to get information regarding weather at a specific location. Moreover, this tutorial will show you how to display information such as temperature, humidity, wind speed and other relevant weather and climate information within Flutter. This guide will help you setup and navigate through the process of creating a simple weather app using Flutter. This is an excellent guide for beginner Flutter developers.
Resources:
Source Code: cutt.ly/UwRZbKqD
Weather Package: pub.dev/packages/weather
Intl Package: pub.dev/packages/intl
Socials:
Website: hussainmustafa.com
Github: github.com/hussain-mustafa990
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: www.buymeacoffee.com/hussainm...
#flutter #flutterweather #fluttertutorialforbeginners #fluttertutorial - Наука та технологія
This is such a killer video. I followed it through all the way, and the app works and looks the same. You are the best.
Thank you very much.
definetly you are a life saver, your videos are amazing. just perfect with every detail. thanks so much we're waiting for new beginner level projects sir.
You're welcome
Thank you so much sir. This helped for our project
You are most welcome
Amazing, Can you please show us how to do it with coordinates and not by the city name, because i can't find my city anywhere.
Such a nice video. Very helpful. Thank you so much
You’re very welcome.
There is problem that i face is a current time issue it does not show the time of different countries why?????
I don't understand how can the date be 30.28.2023. Even on my end I am getting 4.0.2024. Can you please tell me the fix for it?
Awesome tutorial my man.
Thanks for your support
awesome tutorial straight to the point😚😍
Awesome to hear that 👏
very useful video, thanks for sharing, keep sharing more good videos like this
Awesome to hear that. I'll keep posting more content.
It's Working Appreciate It
Hi,
What issue are you running into?
@@m_hussain_mustafa Sorry It's Working now
Problem was in the API, It takes time to have access the API for the user.
Problem was in the the Website
Nice video, But I think in date section month have type error because min and month display the same result can you check this
Thanks
Thanks for reaching out ill take a look at it.
A very helpful video ❤❤❤
Thank you 🤩
I ran the using debug and it worked fine..BUT when I build the apk and installed it , It just loads thee CircularProgressIndicator and the data is not showing.
Did you add the appropriate permissions to your iOS and Android build settings for accessing the internet? And is your device connected to the internet?
How to pass city name dynamically. I tried but on launching the app itself it is throwing exception called city not found.
Hi,
I'd recommend taking a look at the OpenWeather api documentation.
bro you should have taken 10 more minutes, it could be more descriptive of what and why you are using any widgets and variables in the project else it was all Good.
Thank you
Can the app predict weather for a particular day?
If the data is avaliable from the api then you can display it within the app. The app itself can't predict anything.
it good course thanks teach
You're welcome. Glad you liked it.
How can i make this app to know the user location and show the weathet of this location
You can access the users lat long position using a package from pub.dev and then send the request to openweather api endpoint that accepts lat and long coordinates to get weather data.
Sir, I requested for tutorial of push notification days ago. Please make it I am desperately waiting for this. How to save fcm token in database and most
important thing how we trigger automatic
notification for example admin add some
products it automatically push notification
to user about adding product
Hi,
I'll try my very best to create a tutorial on this topic. However, I can not promise as I'll have to do research on this topic.
@@m_hussain_mustafa Thank you so much. It will help many others. Because there is no valid tutorial on it. 😍
sir, how to get the API KEY?
Hi, it's shown in the tutorial. At th3 start.
Please why do you add "?" (nullable sign) when introducing a variable into the Text widgets? E.g when gou want to display temp and you go "_weather?. temperature?.celsius?.toStringAsFixed(0)"
What is the benefit of doing this and why did errors show up without it?
Hi, this is the null aware access operator. We use this to signify to the code that hey only try to access a property on a variable if it is not null. This way our application won’t crash during runtime if the variable is null. I recommend taking a look at null safety in dart and reading up on it.
@@m_hussain_mustafa Thank You. I will do that
Awesome Video😍. The code works properly in Android Emulater but not supported for the mobile phones because API key is paid. What can i do? Give some Idea......😁
Hi,
The openweather api key is free to get started with you just need to create an account.
Nice
Thank you.
helped me to get the png file .thanks
What png file?
It's been 9 hours now and the API is still not working, any follow up?
Are you referring to your API key not being active?
@@m_hussain_mustafa if there's any way to know if it is active, my app is stuck on loading screen. Thank you!
so their was no need for model class just use Api keys ,
Yes you can do that if you like as well. There are many ways to solve a problem.
OK thank you for your reply but I have been finding it had to get access to the JSON file so that I can build a model of my own
Sir, please place your cursor aside when you are typing. Its really annoying.
Hi,
It is not possible for me to place my cursor to a different place than where I need to type. However, I'll still try to figure out a solution to this.
Quick reply please