Flutter Weather App Tutorial | OpenWeather API Weather App Flutter | Tutorial For Beginners

Подписаться 8 тыс.

Просмотров 15 тыс.

50% 1

💼 Book a meeting: cutt.ly/gwmvJbPQ
💎 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

Наука

Опубликовано:

3 ноя 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 56

@MHM-jy4uj 8 месяцев назад

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.

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

Thank you very much.

@srivishwap6107 3 месяца назад

Thank you so much sir. This helped for our project

@m_hussain_mustafa 3 месяца назад

You are most welcome

@ZibonNahar-ts5cu 5 месяцев назад

Such a nice video. Very helpful. Thank you so much

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

You’re very welcome.

@MyEdit365 3 месяца назад

It's Working Appreciate It

@m_hussain_mustafa 3 месяца назад

Hi, What issue are you running into?

@MyEdit365 3 месяца назад

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

@moneyman-ne9lw 8 месяцев назад

Awesome tutorial my man.

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

Thanks for your support

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

A very helpful video ❤❤❤

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

Thank you 🤩

@aqoonteach 7 месяцев назад

it good course thanks teach

@m_hussain_mustafa 7 месяцев назад

You're welcome. Glad you liked it.

@omerfaruk5100 Месяц назад

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.

@m_hussain_mustafa Месяц назад

You're welcome

@gamster9898 7 месяцев назад

very useful video, thanks for sharing, keep sharing more good videos like this

@m_hussain_mustafa 7 месяцев назад

Awesome to hear that. I'll keep posting more content.

@98live17 День назад

Can the app predict weather for a particular day?

@m_hussain_mustafa День назад

If the data is avaliable from the api then you can display it within the app. The app itself can't predict anything.

@YoniTube 7 месяцев назад

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

@m_hussain_mustafa 7 месяцев назад

Thanks for reaching out ill take a look at it.

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

Nice

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

Thank you.

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

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.

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

helped me to get the png file .thanks

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

What png file?

@abdelrhmnmo9574 2 месяца назад

How can i make this app to know the user location and show the weathet of this location

@m_hussain_mustafa 2 месяца назад

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.

@MichaelDavisB Месяц назад

sir, how to get the API KEY?

@m_hussain_mustafa Месяц назад

Hi, it's shown in the tutorial. At th3 start.

@BirdsLoversKhurramShahid Месяц назад

There is problem that i face is a current time issue it does not show the time of different countries why?????

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

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

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

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

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

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.

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

@@m_hussain_mustafa Thank you so much. It will help many others. Because there is no valid tutorial on it. 😍

@BlackKnight-ju9st 7 месяцев назад

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.

@m_hussain_mustafa 7 месяцев назад

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?

@JeevanRaj28 3 месяца назад

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

@m_hussain_mustafa 3 месяца назад

Hi, The openweather api key is free to get started with you just need to create an account.

@JeevanKumar-vw5nx 4 месяца назад

How to pass city name dynamically. I tried but on launching the app itself it is throwing exception called city not found.

@m_hussain_mustafa 4 месяца назад

Hi, I'd recommend taking a look at the OpenWeather api documentation.

@sumeetshrivastava440 3 месяца назад

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?

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

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?

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

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.

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

@@m_hussain_mustafa Thank You. I will do that

@jkkdev 4 месяца назад

It's been 9 hours now and the API is still not working, any follow up?

@m_hussain_mustafa 4 месяца назад

Are you referring to your API key not being active?

@jkkdev 4 месяца назад

@@m_hussain_mustafa if there's any way to know if it is active, my app is stuck on loading screen. Thank you!

@marvellouseabraham8436 7 месяцев назад

so their was no need for model class just use Api keys ,

@m_hussain_mustafa 7 месяцев назад

Yes you can do that if you like as well. There are many ways to solve a problem.

@marvellouseabraham8436 7 месяцев назад

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

@ayushbenedictsingh1627 2 месяца назад

Sir, please place your cursor aside when you are typing. Its really annoying.

@m_hussain_mustafa 2 месяца назад

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.

@JeevanKumar-vw5nx 4 месяца назад

Quick reply please