No video

🌤📱 Minimal Weather App • Flutter Tutorial

💬 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/

Пікірлер: 219

  • @createdbykoko
    @createdbykoko9 ай бұрын

    💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass 📱 Flutter Masterclass • mitchkoko.app/ 🔥 I'm coding a startup.. www.patreon.com/mitchkoko

  • @_farooq_zahid

    @_farooq_zahid

    9 ай бұрын

    🌧️

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    @@_farooq_zahid🔥

  • @marvellouseabraham8436

    @marvellouseabraham8436

    8 ай бұрын

    @@createdbykoko pls can you do a tutorial on bloc cubit , it will be super helpful

  • @chikasampson179
    @chikasampson1799 ай бұрын

    Thank you so much @Mitch koko I’ve always wanted a tutorial video on APIs from you. God bless you ✨

  • @vishwakant_mishra
    @vishwakant_mishra6 ай бұрын

    Bro is FAST!!! No time to get distracted!! (in a good way)

  • @Marknvrstp

    @Marknvrstp

    5 ай бұрын

    Because of it I`m watching 0,5x

  • @huhwhyismyname

    @huhwhyismyname

    4 ай бұрын

    same would much prefer if he didnt speed it up

  • @muhammadsodiqbohodirov4746

    @muhammadsodiqbohodirov4746

    Ай бұрын

    Do you know where the BASE_URL in the video is taken from?

  • @meharsaadullah9606

    @meharsaadullah9606

    20 күн бұрын

    @@muhammadsodiqbohodirov4746 did u get that i am having issue?

  • @syedasadshah-go8ki

    @syedasadshah-go8ki

    7 күн бұрын

    @@meharsaadullah9606 is your app working fine ?

  • @charliemagnemartinez4341
    @charliemagnemartinez43419 ай бұрын

    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

  • @RamdanCode
    @RamdanCode7 ай бұрын

    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!

  • @humeidussenejocordasse791
    @humeidussenejocordasse7914 ай бұрын

    I really love your work man, please keep sharing knowledge with us

  • @iy908
    @iy9089 ай бұрын

    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!

  • @AboutThings
    @AboutThings7 ай бұрын

    Great videos man. I still learn from you and it is easy. Thanks for your presentations.

  • @user-si9il6pk9y
    @user-si9il6pk9y3 ай бұрын

    thank you!!!! Have a nice day!! 🥰🥰

  • @BrettKromkamp
    @BrettKromkamp4 ай бұрын

    Great tutorial. Thanks, man!

  • @depressedsoul3186
    @depressedsoul31869 ай бұрын

    Absolutely Fav Flutter channel, your designs are spectacular, A request to kindly cover riverpod.

  • @user-sr4dy6ly6w
    @user-sr4dy6ly6w9 ай бұрын

    Thanks Mitch, great tutorial

  • @BrunoMotadeOliveira
    @BrunoMotadeOliveira8 ай бұрын

    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

  • @sumirandahal76
    @sumirandahal769 ай бұрын

    Clean and crisp

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    😊

  • @mayorajesus182
    @mayorajesus1826 ай бұрын

    Thank you very much, very well explained.

  • @richardappow6770
    @richardappow67709 ай бұрын

    Always on point

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    Thanks brother ❤ how is flutter going for you these days?

  • @alireza0994
    @alireza09949 ай бұрын

    what a good presentation what a good teach. I think this tutorial will be in my mind for my entire life :) thanks bro

  • @Rmaawn

    @Rmaawn

    Ай бұрын

    is that work for u?

  • @eithrick1
    @eithrick16 ай бұрын

    Thanks mitch very good tutorial..

  • @Isthiyaquekambathagothi
    @Isthiyaquekambathagothi9 ай бұрын

    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.

  • @siddhikamundada2453

    @siddhikamundada2453

    6 ай бұрын

    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?

  • @abhisheksharma8295

    @abhisheksharma8295

    2 ай бұрын

    Did you find the solution yet?​@@siddhikamundada2453

  • @herrcucknorris
    @herrcucknorris16 күн бұрын

    Very helpfull! Thanks alot for that tutorial :)

  • @syedasadshah-go8ki

    @syedasadshah-go8ki

    8 күн бұрын

    @syedasadshah-go8ki please can you tell about the link you put on BASE_URL and the lines in builder ? because i don't know why but my app is not asking for location.

  • @nicocombopiano730
    @nicocombopiano7308 ай бұрын

    Great tutorial

  • @yoavs1990
    @yoavs19906 ай бұрын

    Great tutorial!

  • @createdbykoko

    @createdbykoko

    6 ай бұрын

    ❤️

  • @iam_bema
    @iam_bema7 ай бұрын

    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.

  • @theblueprinteffect
    @theblueprinteffect4 ай бұрын

    thank you so much this was so helpful, can you please make a tutorial on location tracking, or anything that is related to maps!

  • 9 ай бұрын

    Gerçekten Harika. Güzel Anlatım. Teşekkürler.

  • @tejas.s.u_
    @tejas.s.u_9 ай бұрын

    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 💯

  • @manshubprajapati456

    @manshubprajapati456

    Ай бұрын

    bro im stuck in android permission there is error regarding the manifest if you can help plz

  • @abdolplayer6512
    @abdolplayer65124 ай бұрын

    Nice video :)

  • @reikhall
    @reikhall8 ай бұрын

    thank you mitch, i learn a lot of greetings from peru

  • @AhmedMezu
    @AhmedMezu9 ай бұрын

    legend

  • @therandomdude2392
    @therandomdude23929 ай бұрын

    I'm just subscribing, thank you.

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    Welcome❤️❤️

  • @inupete69
    @inupete699 ай бұрын

    this is sick, man

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    Thanks ❤

  • @vedantdasgupta
    @vedantdasgupta9 ай бұрын

    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 🩶

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    Hii yes I will note that ❤

  • @manshubprajapati456

    @manshubprajapati456

    Ай бұрын

    bro im stuck in android permission there is error regarding the manifest if you can help plz

  • @KengCat-kt6rt
    @KengCat-kt6rt9 ай бұрын

    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

  • @Alshahin_Alshaabani_505
    @Alshahin_Alshaabani_5059 ай бұрын

    Hello, I would like to ask a question. I want to make an application for studying. I want to take videos from KZread 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 KZread, but without transferring the user to KZread. He watches the video from the application, but if the video is deleted from KZread, 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

  • @VelGoesBrrr
    @VelGoesBrrr9 ай бұрын

    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.

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    You are correct haha i have a bit of redundant code there. Thanks for that!❤

  • @VelGoesBrrr

    @VelGoesBrrr

    9 ай бұрын

    @@createdbykoko you're welcome! it happens to all of us 😄

  • @liammcgarrigle

    @liammcgarrigle

    9 ай бұрын

    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

  • @liammcgarrigle

    @liammcgarrigle

    9 ай бұрын

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

  • @VelGoesBrrr

    @VelGoesBrrr

    9 ай бұрын

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

  • @nicocombopiano730
    @nicocombopiano7308 ай бұрын

    Beast

  • @excelsior13tech
    @excelsior13tech6 ай бұрын

    Hi, thanks for the great tutorial, awesome Please, is a tutorial for using APIs for maybe a ecommerce app?

  • @sushilkv2004
    @sushilkv20048 ай бұрын

    Is there any app which uses state management? Which state management library do you prefer?

  • @NAMTHIPGROPATTA
    @NAMTHIPGROPATTA3 ай бұрын

    8:35 Where did you get the 'uses-permission'?

  • @Futball_Life
    @Futball_Life9 ай бұрын

    Thanks ❤

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    No problem! How is Flutter going for u?

  • @Futball_Life

    @Futball_Life

    9 ай бұрын

    @@createdbykoko pretty smooth, thanks to the ecosystem. But you've got to have a killer eye for nice designs and innovations.

  • @sakresh_s
    @sakresh_s9 ай бұрын

    Can you please make a full tutorial for creating a fully functional music player app ?

  • @ayushmaangupta5956
    @ayushmaangupta59562 ай бұрын

    where can i get the files from i mean i cant find it on your git hub

  • @aldianumbu5717
    @aldianumbu57174 ай бұрын

    Thanx for your video. Can you make a video about BLOC provider? Thanx

  • @rsK.9
    @rsK.99 ай бұрын

    can you make a tutorial on how to flutter app with admin page with backend

  • @janeroyuuu
    @janeroyuuu3 ай бұрын

    is that figna to create visual UI flow ?

  • @SaloRB
    @SaloRB9 ай бұрын

    Which font are you using in your final design? It looks awesome

  • @priboi288

    @priboi288

    8 ай бұрын

    oswald maybe

  • @user-ev6uo3ci5r
    @user-ev6uo3ci5r9 ай бұрын

    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!

  • @exlzygt7616

    @exlzygt7616

    7 ай бұрын

    Me too

  • @syedasadshah-go8ki
    @syedasadshah-go8ki8 күн бұрын

    please can you tell about the link you put on BASE_URL and the lines in builder ? because i don't know why but my app is not asking for location.

  • @diyav4568
    @diyav45689 ай бұрын

    hi, can you please do a fitness tracker tutorial

  • @chandu1904
    @chandu19049 ай бұрын

    thank you

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    No problem! How is flutter going for you these days?

  • @chandu1904

    @chandu1904

    9 ай бұрын

    @@createdbykoko i am a novice sir .plz help me with the permssions in android and ios

  • @abdulahiiszaq4780
    @abdulahiiszaq47809 ай бұрын

    Thanks Teacher! Make video Complete Ecommerce App

  • @user-pz5sj5zo8q
    @user-pz5sj5zo8q9 ай бұрын

    👍 thx u. sir~

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    No problem chingu 🇰🇷❤

  • @oussamasbisiane4544
    @oussamasbisiane45449 ай бұрын

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

  • @user-ic8tr4kf1v
    @user-ic8tr4kf1v9 ай бұрын

    Can you create Apps with Clean Architecture pls?

  • @dimitristerzz
    @dimitristerzz9 ай бұрын

    can you make a tuto on how to interact w spotify api cause its tricky asf

  • @jorgearmandobarriosramirez6606
    @jorgearmandobarriosramirez66062 ай бұрын

    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.

  • @hlubradio2318

    @hlubradio2318

    Ай бұрын

    I always get errors

  • @meharsaadullah9606
    @meharsaadullah960620 күн бұрын

    from where he get base url i am having a issuw with that

  • @imonseafooddiet
    @imonseafooddiet3 ай бұрын

    3:47 How did you get the link?

  • @muhammadsodiqbohodirov4746
    @muhammadsodiqbohodirov4746Ай бұрын

    where to get the base url ?

  • @gamesden8021
    @gamesden80219 ай бұрын

    sir what is BASE_URL and link how to write please discribe??

  • @shahzod9936
    @shahzod99369 ай бұрын

    I got the error while running like this: "Dart library 'dart:html' is not available on this platform".

  • @RamiAl-KaroShorts
    @RamiAl-KaroShorts9 ай бұрын

    Thanks, for being example for other including me. I had created similar idea about weather feel free to watch… 😊

  • @marvellouseabraham8436
    @marvellouseabraham84368 ай бұрын

    When i call the Api url i keep getting, HTML response , not jsons response ,

  • @MD-Rafique
    @MD-Rafique9 ай бұрын

    Thank you so much. it is a great tutorial for me as a beginner.

  • @galax3971

    @galax3971

    9 ай бұрын

    hi quick question did it work for you? Im finished right now but the application does not show my location and temps right now

  • @Futball_Life
    @Futball_Life9 ай бұрын

    Please what's your recommended State Management Approach/Tool

  • @createdbykoko

    @createdbykoko

    9 ай бұрын

    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

  • @Futball_Life

    @Futball_Life

    9 ай бұрын

    @@createdbykoko alright

  • @yoityoboy
    @yoityoboy5 ай бұрын

    how did you ceate this intro ? i need help on such 3D videos please

  • @sakayikbloom
    @sakayikbloom6 ай бұрын

    where can i find the base url?

  • @Comedy_nights_ks
    @Comedy_nights_ks19 күн бұрын

    Sir I am facing the error in can't load the weather data line in weather services file

  • @sahilbansal6941
    @sahilbansal69419 ай бұрын

    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

  • @martinx506

    @martinx506

    7 ай бұрын

    He did create for update and delete

  • @samsuddoha4976
    @samsuddoha49762 ай бұрын

    it only runs once then i becomes white screen how to fix it?

  • @ahmedkhedr3846
    @ahmedkhedr38469 ай бұрын

    You Are So Great! Can U Teach Us To Upload Pictures and Videos Please

  • @TayaPresnakova
    @TayaPresnakova4 ай бұрын

    Which Link was taken as a Base_URL? at 4.25

  • @user-lb3jj3te6h
    @user-lb3jj3te6h4 ай бұрын

    how i get the links you copy it 🥲🥲 if anyone know how, please tell me.

  • @skshahidali9528
    @skshahidali95289 ай бұрын

    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 🙏

  • @llegioner

    @llegioner

    9 ай бұрын

    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.

  • @user-rf9qf6ew9n
    @user-rf9qf6ew9n9 ай бұрын

    Can you upload,how to make user panel and admin panel with firebase in flutter,Please!!

  • @khaledtaha3203
    @khaledtaha32039 ай бұрын

    What do you use for your app demos

  • @AbhinavMishraA-wc3ky

    @AbhinavMishraA-wc3ky

    2 ай бұрын

    Rotato software. Which only supports Mac

  • @rishabhvishwakarma5745
    @rishabhvishwakarma57459 ай бұрын

    i am not able to fetch details from api , does any one now what could be the problem ?

  • @danielmartin5559

    @danielmartin5559

    9 ай бұрын

    Same here. Code 401 according to the documentation the api key is not activated bur through Postman works fine.

  • @mrobiu
    @mrobiu9 ай бұрын

    can you make a quiz app

  • @sushilkv2004
    @sushilkv20048 ай бұрын

    I am not able to find the direct git link of this weather app. is it there somewhere?

  • @cameronyking

    @cameronyking

    7 ай бұрын

    same, is there a repo?

  • @aouadicharaf1038
    @aouadicharaf10389 ай бұрын

    ❤❤❤

  • @JunaidhFardeen
    @JunaidhFardeen9 ай бұрын

    Even though I allow location, the app is not fetching the location and temperature. Can you help here.

  • @exlzygt7616

    @exlzygt7616

    7 ай бұрын

    Same

  • @saurabhmaurya5289

    @saurabhmaurya5289

    Ай бұрын

    Same

  • @tanmaybohra8702
    @tanmaybohra870213 күн бұрын

    why didn't we use dart convert and json.decode?

  • @bamboozoled9763
    @bamboozoled97638 ай бұрын

    i am still getting loading city and null temperature how do i solve that

  • @guc9ugjvobovov526

    @guc9ugjvobovov526

    7 ай бұрын

    yes me to

  • @rahmanauf5584
    @rahmanauf55848 ай бұрын

    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.

  • @hasibulmomen
    @hasibulmomen3 ай бұрын

    is this tutorials sweitable for beginners?

  • @createdbykoko

    @createdbykoko

    3 ай бұрын

    Absolutely

  • @theghost4177
    @theghost41777 ай бұрын

    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

  • @Manishkumar-wt9tf

    @Manishkumar-wt9tf

    2 ай бұрын

    Hi, I am also not getting city name and temp, did you find any soln?

  • @djwarhaje
    @djwarhaje9 ай бұрын

    the code is keep returning this line 'failed to load weather data' , anyone have the same error ? and how im gonna fix it plz ?

  • @k-gos

    @k-gos

    9 ай бұрын

    same error

  • @djwarhaje

    @djwarhaje

    9 ай бұрын

    can anyone helps us !@@k-gos

  • @priyashaghosh822

    @priyashaghosh822

    8 ай бұрын

    Hello... Did you solve this issue?

  • @shivammishra1980

    @shivammishra1980

    6 ай бұрын

    Try adding internet permission to your app

  • @manshubprajapati456

    @manshubprajapati456

    Ай бұрын

    @@shivammishra1980 bro im stuck in android permission there is error regarding the manifest if you can help plz

  • @Rmaawn
    @RmaawnАй бұрын

    please kings can someone send me the right source code of this tutorial?

  • @Badshah1614
    @Badshah16149 ай бұрын

    Hello Sir Please Upload Daily Videos

  • @user-ot7fn4cz7d
    @user-ot7fn4cz7d9 ай бұрын

    Source code please

  • @rukiagutale3441
    @rukiagutale3441Ай бұрын

    I really wanna learn flutter

  • @createdbykoko

    @createdbykoko

    Ай бұрын

    @@rukiagutale3441 why not?? ❤️❤️

  • @vikashansdak1910
    @vikashansdak19105 ай бұрын

    I am getting weather in kelvin

  • @usmanmarkaz
    @usmanmarkaz9 ай бұрын

    plz make this same UI with React native please sir

  • @Mohammad_Abdullah_1
    @Mohammad_Abdullah_18 ай бұрын

    please make a favourite app

  • @chirantharavishka5918
    @chirantharavishka59189 ай бұрын

    How get base url

  • @ericmartin9631

    @ericmartin9631

    9 ай бұрын

    Read it on 3:46

  • @dhariwalamurtaza
    @dhariwalamurtaza9 ай бұрын

    Even after enabling location it does not fetch the city. Please help me out.

  • @k-gos

    @k-gos

    9 ай бұрын

    same issue

  • @tayfunsarigul5938

    @tayfunsarigul5938

    7 ай бұрын

    Did you find solution ?

  • @exlzygt7616

    @exlzygt7616

    7 ай бұрын

    Same

  • @Manishkumar-wt9tf

    @Manishkumar-wt9tf

    2 ай бұрын

    Did anyone find soln?

  • @yash_prajapati

    @yash_prajapati

    2 ай бұрын

    U are asking for Android??

  • @ashrafayoub9886
    @ashrafayoub98868 ай бұрын

    I request news App if possible

  • @nasirgaayte2695
    @nasirgaayte26959 ай бұрын

    man could you finished signIn with apple

  • @tejasdashpute1787
    @tejasdashpute17879 ай бұрын

    i am getting response code as 404 how to modify the error

  • @infinityplus577

    @infinityplus577

    Ай бұрын

    same

  • @japanesewithnana
    @japanesewithnana9 ай бұрын

    I have no coding experience. Is there a coding language I should learn before using flutter?

  • @domescy

    @domescy

    8 ай бұрын

    Python or Java are good for beginners. There are also many great tutorials about them on KZread.

  • @user-uz7yd9wk3b

    @user-uz7yd9wk3b

    5 ай бұрын

    dart, dart is fundamental language for flutter