🌤📱 Minimal Weather App • Flutter Tutorial
Vložit
- čas přidán 9. 07. 2024
- 💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
~ ;
A sleek minimal weather app that reads an API from openweathermap.org/ and uses lottie animations from lottiefiles.com/
✏️ Whiteboard app I use: app.eraser.io/
~ ;
⌚️ TIMESTAMPS
0:00 Intro
1:15 Coding starts
2:29 Weather model
3:27 Weather service
6:09 Weather page
8:18 Permissions
9:15 Lottie animations
~ ;
🔗 CONNECT WITH ME
📱 INSTAGRAM • / createdbykoko
🐦 TWITTER • / createdbykoko
📱 TIKTOK • / createdbykoko
🎧 FLUTTER POD • / @flutterpod
💬 JOIN DISCORD SERVER • / discord
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/ - Věda a technologie
💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
📱 Flutter Masterclass • mitchkoko.app/
🔥 I'm coding a startup.. www.patreon.com/mitchkoko
🌧️
@@_farooq_zahid🔥
@@createdbykoko pls can you do a tutorial on bloc cubit , it will be super helpful
Bro is FAST!!! No time to get distracted!!
(in a good way)
Because of it I`m watching 0,5x
same would much prefer if he didnt speed it up
Do you know where the BASE_URL in the video is taken from?
Hello. Thank you for continually posting content like this. I'm still learning flutter and I believe this is the best way to learn after a certain point. Is to keep on building. I need to get a really good feel and familiarize myself by using all these widgets in different ways til I can come up something unique myself
Thank you so much @Mitch koko I’ve always wanted a tutorial video on APIs from you. God bless you ✨
Fantastic tutorial! 🚀 Clear explanations and smooth pacing. Your Flutter expertise shines through.
Grateful for your effort in simplifying complex concepts.
Looking forward to more insightful content.
Thanks for sharing your knowledge!
thank you!!!! Have a nice day!! 🥰🥰
Great videos man. I still learn from you and it is easy. Thanks for your presentations.
I really love your work man, please keep sharing knowledge with us
Thanks Mitch, great tutorial
Mitch, the tutorials are great! Could you please create an example of dynamically generated and drawn graph? A simple sine function would be enough for the demo purposes. The main idea - is to learn how to draw the data from the async real-time source. Thanks again!
Absolutely Fav Flutter channel, your designs are spectacular, A request to kindly cover riverpod.
Great tutorial. Thanks, man!
legend
Clean and crisp
😊
Always on point
Thanks brother ❤ how is flutter going for you these days?
Thanks for this great tutorial. I wanted to learn how to consume API in Flutter and I did it.
As a challenge for me, I wanted to hide the api key, I put the API key in a json. And I configured --dart-define-from-file in launch.json
Thank you very much, very well explained.
Great tutorial
Thanks mitch very good tutorial..
what a good presentation what a good teach. I think this tutorial will be in my mind for my entire life :) thanks bro
is that work for u?
thank you so much this was so helpful, can you please make a tutorial on location tracking, or anything that is related to maps!
Even i used lottie animation to give beautiful looks to app.. will try to share on Twitter, other day when you posted on minimalist app design, i didn't think it would be animated as it was a photo shared.. love learning from you.
Hey There! i am stuck at one issue which is
PermissionDefinitionsNotFoundException (No location permissions are defined in the manifest. Make sure at least ACCESS_FINE_LOCATION or ACCESS_COARSE_LOCATION are defined in the manifest.)
Even after adding them into under manifest.
Can you please help me out?
Did you find the solution yet?@@siddhikamundada2453
Nice video :)
Gerçekten Harika. Güzel Anlatım. Teşekkürler.
Just amazing much better than others which are cluttered and have too many data which are not required for common user's, but though loved it 💯
bro im stuck in android permission there is error regarding the manifest if you can help plz
Great tutorial!
❤️
thank you mitch, i learn a lot of greetings from peru
I'm just subscribing, thank you.
Welcome❤️❤️
can you make a tutorial on how to flutter app with admin page with backend
Hi Mitch, thanks for the amazing tutorial.
I'm trying to also add weather forecasts in the app, when you wanted to get the weather you called Future twice do I also have to do that when trying to get the forecast or I can just do it inside the already called Futures
I'm a newbie by the way the help would be really appreciated.
Can you please make a full tutorial for creating a fully functional music player app ?
this is sick, man
Thanks ❤
Thanks ❤
No problem! How is Flutter going for u?
@@createdbykoko pretty smooth, thanks to the ecosystem. But you've got to have a killer eye for nice designs and innovations.
Beast
Hi sir, can u please give me the name of the lottie animation that u showed in one of the shorts and the create fun animations video. It was a man typing on laptop with a screen infront of him. Thankyou
can you make a tuto on how to interact w spotify api cause its tricky asf
Is there any app which uses state management? Which state management library do you prefer?
where can i get the files from i mean i cant find it on your git hub
Nice little tutorial thanks!
By the way, unless I'm mistaken, if Dart works like most other languages, you can remove the if(...) for the sunny default, because you already have it in the default part of the switch. Also you could join the sunny and default cases together.
You are correct haha i have a bit of redundant code there. Thanks for that!❤
@@createdbykoko you're welcome! it happens to all of us 😄
I actually think dart requires it to be a bool.
it's not truthy and falsy like in javascript and some others, so you need to actually use a value that's a bool
@@createdbykoko Are you sure? I'm pretty sure you did it right and conditionals require a bool in dart
edit: my bad, @velGoesBrrr already put me in my place
@@liammcgarrigle I think you misunderstood the point here: The if(...) statement is redundant with the default case. And the function is returning a string, representing the relative path of the image asset.
To sum up, he could have removed the 'if(...)' line
and group the case 'clear' and 'default' (as he did with 'rain' 'drizzle' and 'shower rain' for example).
hi, can you please do a fitness tracker tutorial
Hello, I would like to ask a question. I want to make an application for studying. I want to take videos from CZcams and put them in it. My question is, I want advice from you. Should I say, “Tunril” the videos and put them, or do I put a link to them directly from CZcams, but without transferring the user to CZcams. He watches the video from the application, but if the video is deleted from CZcams, it will be deleted. From the application or putting the first idea, which is better? Is it possible to do this in filters? Thank you
Hey Mitch,
Love your videos! Can you please make some tutorials on integrating some kinda ML into our apps too?
Would be a major help if you could just provide a simple tute 🩶
Hii yes I will note that ❤
bro im stuck in android permission there is error regarding the manifest if you can help plz
Thanks, for being example for other including me. I had created similar idea about weather feel free to watch… 😊
8:35 Where did you get the 'uses-permission'?
Thanx for your video. Can you make a video about BLOC provider? Thanx
Can you create Apps with Clean Architecture pls?
Which font are you using in your final design? It looks awesome
oswald maybe
is that figna to create visual UI flow ?
hello mitch sorry to disturb you , would u like to give me the github of the book u creat i'm really interesting on how u add the text inside the app with that smooth 💜💜💜
Hi, thanks for the great tutorial, awesome
Please, is a tutorial for using APIs for maybe a ecommerce app?
where to get the base url ?
Can you upload,how to make user panel and admin panel with firebase in flutter,Please!!
Thanks Teacher!
Make video Complete Ecommerce App
where can i find the base url?
thank you
No problem! How is flutter going for you these days?
@@createdbykoko i am a novice sir .plz help me with the permssions in android and ios
how did you ceate this intro ? i need help on such 3D videos please
👍 thx u. sir~
No problem chingu 🇰🇷❤
can you make a quiz app
I got the error while running like this: "Dart library 'dart:html' is not available on this platform".
how i get the links you copy it 🥲🥲 if anyone know how, please tell me.
3:47 How did you get the link?
Hi Mitch, flutter newbie here, everything works fine but for some reason it only loads the weather when (Out of the nations I have tested) the location is set to the USA or Mexico. According to the debug console I am successfully getting the position and placemarks, and yet I still get the "Failed to load weather error". Any help would be greatly appreciated!
Me too
Bro plz finish your firebase firestore playlist you were making separate videos for CRUD like you made Create and Read but after that you did not make of Update and Delete please make on them. You made a masterclass one but please continue that
He did create for update and delete
sir what is BASE_URL and link how to write please discribe??
it only runs once then i becomes white screen how to fix it?
Which Link was taken as a Base_URL? at 4.25
hi how are you, I like the tutorial, I followed your steps when making the code, but at the time of executing it, the message of incorrect parameters format appears in the debugging console, besides the message that the way to call the API by means of the url, is wrong, I don't know if you could help me.
I always get errors
When i call the Api url i keep getting, HTML response , not jsons response ,
❤❤❤
can someone expalin to me like i am a 5 years old.. can i follow the exact same steps using flutters? because i see that he is using microsoft visual studio.
please kings can someone send me the right source code of this tutorial?
thank you very much for this amazing video. I have a problem, the city name and the temperature didn't show up I did everything ok but I think there is something wrong with implementing the service on my side to be honest I couldn't find the solution
Hi, I am also not getting city name and temp, did you find any soln?
plz make this same UI with React native please sir
I am getting weather in kelvin
Please what's your recommended State Management Approach/Tool
Depends on various factors but the one you are most comfortable with until you reach a roadblock. Also depends on the scale/size/complexity of your app
@@createdbykoko alright
9:11 The city Name and temperature doesn't show and i debug console it show "Failed to load weather data" Can anyone please help with this issue
Thanks 🙏
I've also had this problem but my problem was that I had the wrong url with /data/2.5/forecast and not /data/2.5/weather. Because I've copied the url from the OpenWeather page. Maybe you have the same problem.
i am not able to fetch details from api , does any one now what could be the problem ?
Same here. Code 401 according to the documentation the api key is not activated bur through Postman works fine.
You Are So Great! Can U Teach Us To Upload Pictures and Videos Please
man could you finished signIn with apple
Even though I allow location, the app is not fetching the location and temperature. Can you help here.
Same
Same
I am not able to find the direct git link of this weather app. is it there somewhere?
same, is there a repo?
the code is keep returning this line 'failed to load weather data' , anyone have the same error ? and how im gonna fix it plz ?
same error
can anyone helps us !@@k-gos
Hello... Did you solve this issue?
Try adding internet permission to your app
@@shivammishra1980 bro im stuck in android permission there is error regarding the manifest if you can help plz
can you make a tutorial on how to change the app theme from inside the app with a button
I cover that in this one czcams.com/video/-jdtfJe_sII/video.htmlsi=Hb6YkTAMJwZEMYxj
i am still getting loading city and null temperature how do i solve that
yes me to
Source code please
Not showing the whether😢
Thank you so much. it is a great tutorial for me as a beginner.
hi quick question did it work for you? Im finished right now but the application does not show my location and temps right now
please make a favourite app
What do you use for your app demos
Rotato software. Which only supports Mac
I request news App if possible
I really wanna learn flutter
@@rukiagutale3441 why not?? ❤️❤️
How get base url
Read it on 3:46
is this tutorials sweitable for beginners?
Absolutely
I followed the guide and errors just keep coming out I'm feeling exhausted :(
8:39
for ios permission
Even after enabling location it does not fetch the city. Please help me out.
same issue
Did you find solution ?
Same
Did anyone find soln?
U are asking for Android??
Hello Sir Please Upload Daily Videos
I have no coding experience. Is there a coding language I should learn before using flutter?
Python or Java are good for beginners. There are also many great tutorials about them on CZcams.
dart, dart is fundamental language for flutter
i am getting response code as 404
how to modify the error
same
Thank you first of all.
I downloaded the application as apk to my phone. However, when I open the application, it cannot find my location even though I have given location permission, and it remains on the initial loading screen. How do I solve it?
When I open it from my computer, this is not a problem.
i have the same error
@@Hadiths_Shorts i gave up learning flutter 😃