Weather App Flutter | Creating Weather App in Flutter with GetX | Tutorial for Beginners [2022]

Weather App Flutter | Creating Weather App in Flutter with GetX | Tutorial for Beginners [2022]
GetX is an excellent framework for managing the state of our application with features like route management and dependency injection. In today's video, we will learn about Creating a weather app from the OpenWeatherAPI data. We will be making an HTTP request to our API, getting the data in JSON format, creating a model for storing those data and using those models on our screen, and a lot of best practices that should be taken into consideration while working on complex projects.

🔗 Starter Project:
🔗 Final Project Files:

⚡️ Important Links:

📚 Table of Content:
00:00 App Showcase
00:24 Introduction
00:59 Cloning Started Project
04:58 GetX: Introductory video for Beginners
06:28 OpenWeatherAPI: Overview & Registering the API
09:33 First API call and Understanding of API format
13:12 App Design: Model and other files structure
15:23 Adding Packages to our Project
17:25 Structuring our Project
19:22 Geolocator - Setting it up
31:58 Designing HomeScreen and using Geolocator
48:53 Current Weather Data - Logic
01:15:41 Current Weather Data - UI design
01:32:56 Hourly Weather Data - Logic
01:40:53 Daily Weather Data - UI design
02:02:23 Daily Weather Data - Logic
02:08:19 Daily Weather Data - UI design
02:18:10 - Sleek Circular Slider
02:20:21 Finalizing everything

Tags:
Creating Weather App in Flutter with GetX, OpenWeather API, Tutorial For Beginners

► ALSO LEARN TO CREATE CHAT-BASED APP
📗 Chat App in Flutter and Firebase | Tutorial for Beginners to Advance | Android & iOS (Latest)

🔔 Get updated with my projects🔔

#weatherapp #flutter #backslashflutter
​
🔥 Subscribe for more:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

If this helps make sure to share it with friends and colleagues who will benefit from this
Have questions/queries? 💬 Comment below I will be happy to help


About Flutter:
Flutter is an open-source UI software development kit created by Google. It is used to develop cross-platform applications for Android, iOS, Linux, Mac, Windows, Google Fuchsia, and the web from a single codebase. The first version of Flutter was codename "Sky" and ran on the Android operating system.

THANKS FOR YOUR LOVE AND SUPPORT💪

[thedev]

This helps me so much for learning flutter. I already started to learn flutter 2-4 months ago and now I am exercising code and saw this video. IT'S FKING AWSOMEEE WİTH EXPLANATİONS. Keep going dude.

[Namaz]

я из Кыргызстана, этот парень очень хорошо объясняет! спасибо ему

[dev.faizan]

i was developing weather app and was searching how to make hourly forecast list, this help me
ThANKS for tutorial 💛

[somnathdas]

Just now I find you awesome channel.. I am a flutter Lerner.. your chennel help me..

[ShadabKhan-ibme]

At the start it was nice and calm fetching apis are pretty clear but dont know what are u doing with json continuesly creating classes and factory constructor :(

[nationalshrestha]

At 44:24, You added a city = place.locality!; and then you restart the app and it shows you location but in my case when i reload my app, it pop-ups 2 tab in vs-code that are binding.dart and plugin_registry.dart. In binding.dart, on line no. 359, it says "completer.complete(reply);" where the text cursor blinks between completer and (.) & in plugin_registry, on line no. 126, it says " callback(response);" where the cursor blinks in front of callback. What is the problem ? I am confused why i am getting these pop-ups while i debug.

[YashRaj-kmsq]

One of the best explanation and projects making video ever uploading

[dhananjaypatil]

Great work bro
I'm enjoying every videos of yours
You are doing great, your videos are very helpful

[Soner_Dev]

The explanations and the graphic representation are insane.
With a much better audio quality you would be unbeatable on Youtube.

[septynuraizah]

Thank you very much for the tutorial! but why is it that when I run the project it always fails and points to the getAddress line at file header_widget.dart an there is no error description. I try to run your source code but it has the same problem. How can I fix that problem? I have no idea.

[lakko]

Fantastic video!!! It helped me so much.
Is there a way to update the data every 10-15 minutes maybe using a timer or something else?
Last thing, maybe a video with permissions request with dialog when it they are refused (like android rationale) can be nice (using permissions_handler, app_settings or similar)

[azkakhan]

I am getting an Exception Error: "Exception has occurred.
_TypeError (type 'String' is not a subtype of type 'int')"
For this Code: String getTime(final timeStamp) {
DateTime time = * 1000);
String x =
return x;
}
pls help!

[halalminers]

I watched one on your YouTube channel that was good.

[dariocrea]

Hello! First of all thanks for the video, it helped me to understand better flutter and how the widgets work. I have a question, I followed your instruction to get the name of the city, but from the logs and the terminal it prints the error: "Error: Unexpected null value." I even tried to print the list but same results. But the API (I used the same as yours) is correctly returning the latitude and the longitude. Any advice or solution?

[techysparta]

37: 37. my circular progressing indicator is keep running and not showing test text

[ashutosh_]

If i want to check the weather of my city, how can I bcz you have details of Lucknow only not a city entered by user

[superkayfiyat]

Hi thanks for awesome tutorial!
I got an error "latitude is out of range of (too low)" and don't know how to fix it. can anyone help me?

[patricksartola]

good tutorial other than for a beginner its really hard to keep up without pausing the video every 5 seconds to understand what you just did

[siddhantarawal]

what if the location service is not enabled in mobile device.It Keeps on going circular progess indicator and error shows on the debug console on pc.Is there not the way to make popup on the app showing that location service is not enabled in the device?

[abulaman]

Can someone tell me whether the api used is free of cost or do i have to purchase start the vid after