🌤📱 Minimal Weather App • Flutter Tutorial

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 238

  • @createdbykoko
    @createdbykoko  Год назад +23

    🥷🏽 FOLLOW ME
    Patreon: www.patreon.com/mitchkoko/
    Instagram: instagram.com/createdbykoko/
    Twitter: twitter.com/createdbykoko/
    TikTok: www.tiktok.com/@createdbykoko/

  • @chikasampson179
    @chikasampson179 Год назад +9

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

  • @Nabhandle
    @Nabhandle Год назад +12

    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

  • @vishwakant_mishra
    @vishwakant_mishra 11 месяцев назад +50

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

    • @Marknvrstp
      @Marknvrstp 11 месяцев назад

      Because of it I`m watching 0,5x

    • @huhwhyismyname
      @huhwhyismyname 10 месяцев назад

      same would much prefer if he didnt speed it up

    • @muhammadsodiqbohodirov4746
      @muhammadsodiqbohodirov4746 7 месяцев назад +1

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

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

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

    • @syedasadshah-go8ki
      @syedasadshah-go8ki 5 месяцев назад

      @@meharsaadullah9606 is your app working fine ?

  • @iy908
    @iy908 Год назад +9

    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!

  • @Bruno_Mota
    @Bruno_Mota Год назад +4

    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

  • @depressedsoul3186
    @depressedsoul3186 Год назад +3

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

  • @dhariwalamurtaza
    @dhariwalamurtaza Год назад +8

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

  • @humeidussenejocordasse791
    @humeidussenejocordasse791 10 месяцев назад

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

  • @RamdanCode
    @RamdanCode Год назад

    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!

  • @Isthiyaquekambathagothi
    @Isthiyaquekambathagothi Год назад

    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 Год назад

      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 7 месяцев назад

      Did you find the solution yet?​@@siddhikamundada2453

  • @JunaidhFardeen
    @JunaidhFardeen Год назад +5

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

  • @sumirandahal76
    @sumirandahal76 Год назад +2

    Clean and crisp

  • @skshahidali9528
    @skshahidali9528 Год назад +1

    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 Год назад

      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.

    • @benworldaskill4188
      @benworldaskill4188 17 дней назад

      ​@@llegioner In the open weather page where did you copy the url cause I can't find it

  • @VelGoesBrrr
    @VelGoesBrrr Год назад +4

    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  Год назад +2

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

    • @VelGoesBrrr
      @VelGoesBrrr Год назад

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

    • @liammcgarrigle
      @liammcgarrigle Год назад

      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 Год назад

      ​@@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 Год назад

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

  • @isrealemmanuel-l7o
    @isrealemmanuel-l7o 5 месяцев назад +7

    thanks founder of flutter

  • @AboutThings
    @AboutThings Год назад

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

  • @reikhall
    @reikhall Год назад

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

  • @vedantdasgupta
    @vedantdasgupta Год назад +6

    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  Год назад +3

      Hii yes I will note that ❤

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

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

  • @alireza0994
    @alireza0994 Год назад

    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 7 месяцев назад

      is that work for u?

  • @hayamansour653
    @hayamansour653 46 минут назад

    thank you so much this was so helpful.
    but i have a question
    the City Name Always Shows "Loading"
    and temperature Shows null
    how can i fix it?

  • @theblueprinteffect
    @theblueprinteffect 10 месяцев назад

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

  • @이승호-r5d
    @이승호-r5d 9 месяцев назад

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

  • @NAMTHIPGROPATTA
    @NAMTHIPGROPATTA 9 месяцев назад +1

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

  • @30-dk1tf
    @30-dk1tf 2 месяца назад

    ขอบคุณที่ให้ความรู้นะคะ ตามทันบ้างไม่ทันบ้าง แต่ก็ทำได้ ถ้ามีซับไทยก็อาจจะดีมากเลยค่ะ

  • @BrettKromkamp
    @BrettKromkamp 10 месяцев назад

    Great tutorial. Thanks, man!

  • @Futball_Life
    @Futball_Life Год назад +2

    Please what's your recommended State Management Approach/Tool

    • @createdbykoko
      @createdbykoko  Год назад

      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 Год назад

      @@createdbykoko alright

  • @toshihirohirose5546
    @toshihirohirose5546 Год назад

    The transition diagrams in the video narration have a wonderful design. Could you please introduce the name of the tool and how to create them?

  • @tejas.s.u_
    @tejas.s.u_ Год назад

    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 7 месяцев назад

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

  • @dunyacpp
    @dunyacpp 8 месяцев назад +19

    bro doing everything like someone running behind him I watched it in 0.5x and its still unreadable and fast

  • @rishabhvishwakarma5745
    @rishabhvishwakarma5745 Год назад +1

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

    • @danielmartin5559
      @danielmartin5559 Год назад +1

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

  • @olivier-d8c
    @olivier-d8c Год назад

    Thanks Mitch, great tutorial

  • @jorgearmandobarriosramirez6606
    @jorgearmandobarriosramirez6606 8 месяцев назад +1

    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.

  • @yoavs1990
    @yoavs1990 Год назад +1

    Great tutorial!

  • @mayorajesus182
    @mayorajesus182 Год назад

    Thank you very much, very well explained.

  • @Ciel_Oliveira
    @Ciel_Oliveira 20 дней назад

    Nossa, que tutorial incrível!!!!!

  • @datminh4532
    @datminh4532 Год назад +2

    is there any one have same problem ? I cannot get the response it cause by 400 api ? what can i do ?

    • @datminh4532
      @datminh4532 Год назад +2

      String? city = placemarks[0].administrativeArea;
      already fixed. u guys might check out that and wanna change placemarks[0]. ... depend on the result

    • @mohammedriyaz8582
      @mohammedriyaz8582 Год назад

      I got the same error ...and whats the solution

    • @datminh4532
      @datminh4532 Год назад

      @@mohammedriyaz8582 u better use print to see the result of placemark. In my case. The locale is null so i use administrativeArea instead

    • @djwarhaje
      @djwarhaje Год назад

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

    • @datminh4532
      @datminh4532 Год назад

      Do you print each part individually to see where the errors is? Like print out the result of locale api. Then print the other variable after declare to find out. And all so the url

  • @eithrick1
    @eithrick1 Год назад

    Thanks mitch very good tutorial..

  • @syedasadshah-go8ki
    @syedasadshah-go8ki 5 месяцев назад

    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.

  • @iam_bema
    @iam_bema Год назад

    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.

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

    it is saying my location is mountain view which it isnt i found out that with openweather map that is like the deafult or smt like that can you tell me how to fix this error

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

      Actually i just ran it on my phone and on my phone it says the correct information.

    • @johnss9114
      @johnss9114 2 месяца назад

      use a real device, it'll work

  • @sushilkv2004
    @sushilkv2004 Год назад +1

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

  • @rsK.9
    @rsK.9 Год назад

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

  • @richardappow6770
    @richardappow6770 Год назад

    Always on point

    • @createdbykoko
      @createdbykoko  Год назад

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

  • @sakresh_s
    @sakresh_s Год назад

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

  • @shahzod9936
    @shahzod9936 Год назад

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

  • @sushilkv2004
    @sushilkv2004 Год назад

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

  • @oussamasbisiane4544
    @oussamasbisiane4544 Год назад +1

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

  • @kawtharjaber-n8t
    @kawtharjaber-n8t 10 месяцев назад

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

  • @sahilbansal6941
    @sahilbansal6941 Год назад +2

    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

  • @diyav4568
    @diyav4568 Год назад

    hi, can you please do a fitness tracker tutorial

  • @imonseafooddiet
    @imonseafooddiet 9 месяцев назад

    3:47 How did you get the link?

  • @ViggoElenius
    @ViggoElenius Год назад +1

    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!

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

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

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

    Very helpfull! Thanks alot for that tutorial :)

    • @syedasadshah-go8ki
      @syedasadshah-go8ki 5 месяцев назад

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

  • @Alshahin_Alshaabani_505
    @Alshahin_Alshaabani_505 Год назад

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

  • @marvellouseabraham8436
    @marvellouseabraham8436 Год назад

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

  • @abdolplayer6512
    @abdolplayer6512 10 месяцев назад +1

    Nice video :)

  • @kforcate5654
    @kforcate5654 8 месяцев назад +1

    I followed the guide and errors just keep coming out I'm feeling exhausted :(

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

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

  • @dimitristerzz
    @dimitristerzz Год назад

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

  • @inupete69
    @inupete69 Год назад +1

    this is sick, man

  • @kstone4497
    @kstone4497 3 месяца назад

    Hey Mitch, hope u good? I’m a web developer and also interested in learning a flutter cause I wanna add mobile app career to my web development career and I came across ur channel hoping to start by watching ur videos. A friend of mine recommended ur channel to me n I wish to learn more about flutter🙌. This is my first video that I just watched from u but can u please take ur time while coding so I can try to understand everything u doing? Thanks.

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

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

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

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

  • @theghost4177
    @theghost4177 Год назад

    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 8 месяцев назад

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

  • @bamboozoled9763
    @bamboozoled9763 Год назад

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

  • @obiajulumbanefo3545
    @obiajulumbanefo3545 Год назад +3

    can you make a tutorial on how to change the app theme from inside the app with a button

    • @createdbykoko
      @createdbykoko  Год назад +2

      I cover that in this one ruclips.net/video/-jdtfJe_sII/видео.htmlsi=Hb6YkTAMJwZEMYxj

  • @nicocombopiano730
    @nicocombopiano730 Год назад

    Great tutorial

  •  Год назад +1

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

  • @aldianumbu5717
    @aldianumbu5717 10 месяцев назад

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

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

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

  • @gamesden8021
    @gamesden8021 Год назад

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

  • @therandomdude2392
    @therandomdude2392 Год назад

    I'm just subscribing, thank you.

  • @rahmanauf5584
    @rahmanauf5584 Год назад

    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.

  • @MuhammadAmin-q2e
    @MuhammadAmin-q2e Год назад

    Can you create Apps with Clean Architecture pls?

  • @SaloRB
    @SaloRB Год назад +1

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

  • @excelsior13tech
    @excelsior13tech Год назад

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

  • @yoityoboy
    @yoityoboy 10 месяцев назад

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

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

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

  • @sakayikbloom
    @sakayikbloom Год назад

    where can i find the base url?

  • @KengCat-kt6rt
    @KengCat-kt6rt Год назад

    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

  • @galip48
    @galip48 Год назад

    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.

    • @Hadiths_Shorts
      @Hadiths_Shorts 6 месяцев назад +1

      i have the same error

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

      @@Hadiths_Shorts i gave up learning flutter 😃

  • @janeroyuuu
    @janeroyuuu 9 месяцев назад

    is that figna to create visual UI flow ?

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

    where to get the base url ?

  • @TayaPresnakova
    @TayaPresnakova 10 месяцев назад

    Which Link was taken as a Base_URL? at 4.25

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

    Now that API asks for lat and lon instead of city

  • @chirantharavishka5918
    @chirantharavishka5918 Год назад +1

    How get base url

  • @TunLinSoe-t9c
    @TunLinSoe-t9c Год назад

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

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

    some library not work on flutter 3.22.2 :((

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

    3:45 how to get link like that ah?

  • @SMMahediHasan-BANGLADESH
    @SMMahediHasan-BANGLADESH 5 месяцев назад

    Why it does not show my location Correctly??? can anyone tell me??

  • @AhmedMezu
    @AhmedMezu Год назад

    legend

  • @phoebusapollon
    @phoebusapollon Месяц назад +1

    Hello everyone,
    I guess there are lots of people that still has the null problem. I will provide the things I've checked and applied below.
    1) Please make sure that the fields in like .json["name"] are correctly in the Weather class. Remember, API JSON's are structured and we have to use that structure.
    2) If you want a special error to see, please use the response.body.
    3) If you see the temperature but not seeing the city name, try to override the toString method in the Weather class and make it return the city name.

    • @createdbykoko
      @createdbykoko  Месяц назад +1

      @@phoebusapollon great comment! ❤️ I love people like you

    • @phoebusapollon
      @phoebusapollon Месяц назад

      @createdbykoko thank you! your video was very helpful to me😊🖤

    • @antonywugoma2537
      @antonywugoma2537 26 дней назад

      can you please elaborate in detail as I'm still getting the null problem.Is there something specific we have to change in the code in the weather model class that is different from what Mitch does in the video?

  • @Futball_Life
    @Futball_Life Год назад +1

    Thanks ❤

    • @createdbykoko
      @createdbykoko  Год назад

      No problem! How is Flutter going for u?

    • @Futball_Life
      @Futball_Life Год назад

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

  • @chandu.christ
    @chandu.christ Год назад +1

    thank you

    • @createdbykoko
      @createdbykoko  Год назад

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

    • @chandu.christ
      @chandu.christ Год назад

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

  • @mohammedjaseem6311
    @mohammedjaseem6311 4 месяца назад

    the BASE URL is working??

  • @abdulahiiszaq4780
    @abdulahiiszaq4780 Год назад

    Thanks Teacher!
    Make video Complete Ecommerce App

  • @japanesewithnana
    @japanesewithnana Год назад

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

    • @domescy
      @domescy Год назад

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

    • @goeswomari
      @goeswomari 10 месяцев назад

      dart, dart is fundamental language for flutter

  • @m_muhd
    @m_muhd Год назад

    can you make a quiz app