📱 TO DO App • Flutter Tutorial ♥ Hive Local Storage

Sdílet
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 fully functional TODO app made with Flutter! I used Hive for the local storage backend.
    SOURCE CODE • github.com/mitchkoko/ToDoFlutter
    ~ ;
    💰 IF YOU ARE NEW TO FLUTTER.. you need to watch my Flutter UI Course for BEGINNERS mitchkoko.gumroad.com/l/Begin...
    💬 JOIN DISCORD SERVER • / discord
    ~ ;
    TIMESTAMPS
    0:00 intro
    0:31 start new project
    2:50 create a TO DO tile
    16:10 create a new task
    27:12 delete a task
    31:34 store data in local device
    ~ ;
    📱 INSTAGRAM • / createdbykoko
    📱 TWITTER • / createdbykoko
    📱 TIKTOK • / createdbykoko
    💻 GITHUB • github.com/mitchkoko/
    🖥 WEBSITE • mitchkoko.app/
    flutter ios android to do todo app ui uidesign hive backend complete app widgets
    #flutter #createdbykoko
  • Věda a technologie

Komentáře • 273

  • @createdbykoko
    @createdbykoko  Před rokem +37

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

    • @sammyjokes9613
      @sammyjokes9613 Před rokem

      Thanks Mitch ❤.. I have a request🙏😊.. Can you please make a tutorial for multi-level(3-4) dependent dropdown fetching data from API.... I do need this.

    • @Strong256
      @Strong256 Před 10 měsíci +1

      Hey Mr. Koko, there's no link to hive, for future learners to easily find.

  • @lesptitsoiseaux
    @lesptitsoiseaux Před rokem +79

    You are a natural teacher. The stress or anxiety in learning is offsetted by your chill attitude. Much appreciated.

    • @createdbykoko
      @createdbykoko  Před rokem +4

      haha that's good to hear :D coding is fun ❤

    • @noalbalint3900
      @noalbalint3900 Před rokem

      @@createdbykoko +1 to this, could also be a meditation teacher in another life

  • @sirahstacks
    @sirahstacks Před rokem +3

    You’re content is clean and simple to get through and get into our heads. Keep going sir❤❤

  • @englishbyvipinsir
    @englishbyvipinsir Před 7 měsíci +1

    Hey! Mitch Your teaching is so good and simplified. You start from basic structure and then go to deep dive!!!

  • @samuelayano5725
    @samuelayano5725 Před 6 měsíci

    You are soo chilled❤️😩 . I love the way you teach . Keep up the good work man 💪🏽💪🏽

  • @mainardofarias9135
    @mainardofarias9135 Před 7 měsíci +1

    What a solid tutorial, love it man!

  • @verticrow
    @verticrow Před rokem +10

    Love being able to watch the creation process in action! Great job

    • @createdbykoko
      @createdbykoko  Před rokem +1

      Haha yeh i enjoy creating it from scratch ❤👨🏽‍💻

  • @benemma5602
    @benemma5602 Před rokem +15

    Hi @Mitch I don't usually comment on anything, but you are the first person on the entire internet whose tutorials I can easily swallow without reading throught days of source documentation. Thank you for the great job. I was wondering if you have or could do a course for intermediate or advanced flutter devs more focused on backend e.g Flutter with AppWrite (seems to be a trend) as firebase is now saturated, I swear I will pay top $ for that course.

  • @neoruss3553
    @neoruss3553 Před rokem +25

    These 20 - 50 min projects/turorials are really great. Short enough to not lose interest but long enough to learn a lot. Reminds of the 'web dev simplified' channel. His videos are similarly structured and i think that's why he became popular. Keep this going!

  • @scrumptious1177
    @scrumptious1177 Před 10 měsíci

    I am addicted to your videos! Thank you!

  • @FabianStrube
    @FabianStrube Před rokem

    Thanks, very much eye opening. Looks so easy when you do it!

  • @truckim4813
    @truckim4813 Před rokem

    Thank you so much for this tutorial. It's so helpful

  • @guybrushthreepwood6584
    @guybrushthreepwood6584 Před rokem +1

    Thank you so much for your tutorials. For me, they are the best out there.

    • @createdbykoko
      @createdbykoko  Před rokem

      Haha no worries. Glad i can help❤️ keep it up!!

  • @sidharthvnair5222
    @sidharthvnair5222 Před měsícem

    I am very happy with your video. Its very easy to understand keep it up

  • @asmarasmar1788
    @asmarasmar1788 Před rokem

    thanks Mitch KoKo for all you do.. you really changing lives thanks so much and keep going ..

    • @createdbykoko
      @createdbykoko  Před rokem

      Haha my pleasure. You are too nice ❤️❤️

  • @x.x.x.x.x.x.x.x
    @x.x.x.x.x.x.x.x Před rokem +1

    I love this course so much!!

  • @deathgod_69
    @deathgod_69 Před rokem +3

    Good Work Broski! Keep up the good work also bring such working apps which are functional with backend. Much Love and Power to you ❤️! Ik it's not an easy task but it's worth it💕

    • @createdbykoko
      @createdbykoko  Před rokem +2

      Yes sirrr more to come. Thanks for the support ❤

  • @israeldave1712
    @israeldave1712 Před rokem

    Simple explanation and easy to understand. Thank you sir.

  • @iTechWau
    @iTechWau Před 9 měsíci

    thanks for letting us learn from you be blessed 🙌

  • @eliamjimenezdeleon6992
    @eliamjimenezdeleon6992 Před rokem +1

    Thank you man, I really needed it for practice. new subscriber

    • @createdbykoko
      @createdbykoko  Před rokem

      Hey welcome bro 👨🏽‍💻❤️ more to come✌🏾

  • @aishwaryakasthala97
    @aishwaryakasthala97 Před 8 měsíci +1

    Mitch, you are a wonderful teacher. I have recently discovered your page and have been implementing all the concepts you are explaining in my apps without any confusion. Thanks for making these videos. Hope you do more advanced videos like writing a plugin, custompaint, etc. Keep up the good work!!

  • @henrylawal2320
    @henrylawal2320 Před rokem

    Your are the best man
    Thank you

  • @DZ-nx3he
    @DZ-nx3he Před rokem

    I loved this video, I hope you can upload more like this

  • @affcffa
    @affcffa Před 10 měsíci

    i 'm learning a lot from you bro, thanks a lot

  • @mathieumagnin1193
    @mathieumagnin1193 Před rokem

    flutter goat, love it G

  • @cs193p
    @cs193p Před rokem

    Thank you for your good lecture :)

  • @not-free-wifi
    @not-free-wifi Před rokem +8

    I am Japanese and not very fluent in English. However, I found your commentary to be straightforward and yet very intriguing. I will continue to refer to it. Thank you for the wonderful lectures.

  • @ikwanisb6732
    @ikwanisb6732 Před rokem

    Awsome!!

  • @Kefmoles
    @Kefmoles Před rokem

    Thanks for the tutorial.

  • @eugenietabel7547
    @eugenietabel7547 Před rokem +1

    You are the best teacher ! Thank you :)

  • @romanayub
    @romanayub Před 10 měsíci

    the best tutorial ever

  • @andresleonardo1824
    @andresleonardo1824 Před rokem +1

    great tutorial, thank you so much!!

  • @sacrafixe6822
    @sacrafixe6822 Před rokem

    Your sense of asthetics are just awsome

  • @aayasir217
    @aayasir217 Před 5 měsíci +1

    Whoah!!!
    I am littrelly blown away!!!
    How this playlist is even FREE???

  • @princesamuelkyeremanteng5008

    You are a gem!

  • @naumancr7852
    @naumancr7852 Před rokem +1

    wow thank you, now i can have fun!

  • @AntonioPenafiel-ic7zj
    @AntonioPenafiel-ic7zj Před 7 měsíci

    Thank you very much, an excellent explanation.

  • @edgzxdev
    @edgzxdev Před 5 měsíci +1

    Thanks for the tutorial, I am a beginner in flutter and you have helped me :)

  • @Welcome.clowzy
    @Welcome.clowzy Před rokem

    this tutorial is so cool👍👍👍👍🔥🔥

  • @leengubane869
    @leengubane869 Před rokem

    You are a god bro. this is the type of content that makes the world of learnign a better place for nerds😁😁

  • @user-cj7tz1vm7j
    @user-cj7tz1vm7j Před 6 měsíci +1

    Thank you for making this so easy

  • @omvirani2455
    @omvirani2455 Před rokem

    Thanks bro you are very good teacher and good coder

  • @flutterskills
    @flutterskills Před rokem +1

    awesome!

  • @Xantianis
    @Xantianis Před rokem

    Thank you!

  • @chihabwalido7295
    @chihabwalido7295 Před rokem +2

    Thnx man

  • @hemraju6812
    @hemraju6812 Před 6 měsíci

    Love ❤❤❤❤ , this app you explain easy

  • @Tiffanieho
    @Tiffanieho Před 10 měsíci

    thank you so much, I learnt a lot from this tutorial.

  • @justegouclounon9839
    @justegouclounon9839 Před rokem

    Thanks. I want more tutorials on Hive

  • @shuku_yega
    @shuku_yega Před rokem

    great stuff

  • @randunumysterio8398
    @randunumysterio8398 Před rokem

    Good tutorial

  • @syedharis2771
    @syedharis2771 Před rokem +1

    AWESOME 👌

  • @user-qg5jw1mi5g
    @user-qg5jw1mi5g Před 9 měsíci +1

    Thank you very much, your tutorials are helping me in a way words can't tell

    • @createdbykoko
      @createdbykoko  Před 9 měsíci +1

      Haha glad i can help! How is flutter going for you so far?

    • @user-qg5jw1mi5g
      @user-qg5jw1mi5g Před 9 měsíci

      so far so good, I am actually learning flutter to develop a mobile app for a research in my university. I would love to watch a video from you where you teach on google maps features@@createdbykoko

  • @simardeepsinghmudhar7065
    @simardeepsinghmudhar7065 Před 8 měsíci

    Thanku so much, as a flutter beginner, this tutorial helped me alot.

  • @maninform3523
    @maninform3523 Před rokem

    This was great

  • @michaelgyamfi2275
    @michaelgyamfi2275 Před rokem +12

    This is serious... I just finished developing a todo list app which was very successful and cool with your tutorials on hive and now you have made a tutorial on it...You're doing the most Mitch... I'm going through to see how you approached it... Thanks a lot for all the tutorials

    • @createdbykoko
      @createdbykoko  Před rokem +2

      Haha that timing! Congratz on making your todo app!! 😊

    • @michaelgyamfi2275
      @michaelgyamfi2275 Před rokem +2

      Your tutorials are very helpful Bro..My todo app was a combination of a lot of your tutorials, a whole lot... I'll be looking forward to more

  • @OrucMahmood
    @OrucMahmood Před rokem +1

    Thanks! Very helpful..

  • @AkibHussain
    @AkibHussain Před rokem

    Thank You

  • @yoy_313
    @yoy_313 Před rokem +2

    good job

  • @FLEX110
    @FLEX110 Před rokem

    Thanks brother.Well done

  • @varuntadimalla
    @varuntadimalla Před 10 měsíci

    Hey there, i guess ive been late to find this but i think this is helping me so damn well, ive also refered to your drag and drop reorder tiles video, im new to flutter and im puzzled to integrate that reorder list to this todo app, hoping to get some help

  • @biscut6296
    @biscut6296 Před rokem +6

    Beautiful design
    U should start a small series on what to do to make flutter apps more attractive tips and tricks…

    • @createdbykoko
      @createdbykoko  Před rokem +2

      Haha good idea. Sometimes i don’t even know why certain designs look good but i can just feel it in terms of the color palette and stuff. But thanks for the idea

  • @princeibekwe3553
    @princeibekwe3553 Před rokem +2

    Mitch you are amazing... Your tutorials have really helped... But pls can you do a tutorial project based on API

  • @BrunoMotadeOliveira
    @BrunoMotadeOliveira Před 7 měsíci

    Thank you very much for sharing your knowledge, I am learning a lot.

  • @Nirajjha1
    @Nirajjha1 Před 4 měsíci

    Congratulation for 100K. Love from INDIA 🇮🇳

  • @nandu_don
    @nandu_don Před 11 měsíci +1

    Best lecture ever

  • @mahmodkhalil1
    @mahmodkhalil1 Před rokem

    wonderful wonderful

  • @RhoTrepaan
    @RhoTrepaan Před rokem

    thanks man o/

  • @ymm9493
    @ymm9493 Před 4 měsíci

    thanks bro❤

  • @phamquang9217
    @phamquang9217 Před rokem

    Many thank bro

  • @AMITSHARMA-jq5dg
    @AMITSHARMA-jq5dg Před 10 měsíci

    Thank you so much. Love ❤from India.

  • @sohilsardar3667
    @sohilsardar3667 Před rokem

    Great 👌👌👌👌👌

  • @DownloadStudenx
    @DownloadStudenx Před rokem

    Best tutorials! Please make a tutorial about getting data from Google Sheets into Flutter.

  • @SPAC3TRUK
    @SPAC3TRUK Před 2 měsíci

    Hi, a really nice video with a nice project congratulations 🎊 I would like to ask you only one thing if I for example do an update that I change some things when I go to install it in the phone the saved notes of the previous version are lost?

  • @rajeshmullapudi7081
    @rajeshmullapudi7081 Před rokem +1

    Excellent your way of explanation sir it will enhance my curiosity for learning the flutter

    • @createdbykoko
      @createdbykoko  Před rokem

      Glad you like it :)

    • @rajeshmullapudi7081
      @rajeshmullapudi7081 Před rokem +1

      Sir, please upload lots of content because I am the fresher to learn flutter I confidently say that I will become an expert if I follow your teaching

    • @createdbykoko
      @createdbykoko  Před rokem

      @@rajeshmullapudi7081 more to come :)

  • @vasperTM
    @vasperTM Před rokem +9

    Well, Hive not necessary works like that and is a bit more complex 🙂 The method you showed only somewhat works because your data model is rather simple. What you should have done, is to put each to-do task in a separate key-value pair, and each task should have its individual id (key). This way, you can use the box methods directly and everything would be updating live (no matter of the screen you are in); for example: taskBox.put(id, newTask), taskBox.delete(id) and so on.
    You are just updating "the whole" database every time something changes on the task list, which is super inefficient and when the task list will grow bigger, it could impact the app's performance in a huge way. I hope this helps, love your videos!

    • @createdbykoko
      @createdbykoko  Před rokem +1

      Thanks! Do you have recommendations on how to improve the code ?

    • @vasperTM
      @vasperTM Před rokem +2

      ​@@createdbykoko Yeah, just write and read the data directly into and from the Hive's box. Not using that toDoList list as a middleman would be a great start 😀 And hold each task in a separate key - value pair. Hive also have ValueListenableBuilder which manages the rebuilding of a widget tree based on a state of the opened box. You can wrap your ListView with it, and each time something changes inside the box (a task is removed or added to the box), the task list gets refreshed.

    • @loveblackeyedpeas69
      @loveblackeyedpeas69 Před 9 měsíci

      Whoah! Can you show how you implemented that?

  • @user-et4wf8xk8n
    @user-et4wf8xk8n Před 7 měsíci

    Hi I would like to know just how to go about it if we want to delete a tack with a select_all and delete/delete_all button ?

  • @moeinr
    @moeinr Před 10 měsíci

    good!

  • @yusra5100
    @yusra5100 Před rokem

    just WOW

  • @zeroFact-mz8sc
    @zeroFact-mz8sc Před měsícem

    Good tutor....

  • @surajmandal6045
    @surajmandal6045 Před rokem +1

    great 👍👏

  • @favritzapp
    @favritzapp Před rokem

    GREAT tutorial. Liked & subscribed. Questions: And can you have 2 different Hive in one app: example, one for habit tracker and one for todo list?Another tutorial I watched the guy made an adapter with hive_generator - would you ever use this to create database.g.dart?

  • @meghasharma4875
    @meghasharma4875 Před 3 měsíci

    greate teaching learning many thing , i have question its also allow empty task

  • @Nobisuke
    @Nobisuke Před rokem +1

    Mitch i am rooting for your tutorial on REST API

  • @ajinomoto-tf9zr
    @ajinomoto-tf9zr Před 10 měsíci

    ពិតជា​អរគុណ​បងប្រុស​ ខ្លាំង​ណាស់​ ដែល​ ចែក​រំលែក​ 😊

  • @Fun__Together
    @Fun__Together Před rokem +2

    Nice Work keep it on
    Love from India 🇮🇳👍🏻👍🏻👍🏻

  • @FurkanAkn
    @FurkanAkn Před rokem

    I love you bro 🤘🏻😅

  • @three000s
    @three000s Před rokem +2

    Love your content so much, I definitely owe you a portion of my salary at this point. Constructive criticism: add some quiet background music to help the video when you aren’t talking. Again you are monumental for flutter developers

    • @createdbykoko
      @createdbykoko  Před rokem +3

      Haha glad u like it. Thanks for the feedback 👨🏽‍💻❤️

  • @notsoberzz472
    @notsoberzz472 Před rokem +1

    Hey koko, thanks for the video. Can you make video about flutter bloc ? Thanks

  • @fruitsalad2458
    @fruitsalad2458 Před 8 měsíci

    question, if for example i want to add an "edit" feature to edit the already existing to do item individually, let say the menu exist inside the slidable menu, how do i do it?

  • @oswaldoolea2889
    @oswaldoolea2889 Před 5 měsíci

    hello Mitch, fantastic work. One question: do you use in real life small/medium apps some kind of architecture pattern, like DDD - bloc - MV MVVC - clean architecture...?

  • @MayankSharma-vi1ok
    @MayankSharma-vi1ok Před rokem +1

    Hey can anyone tell me if the text of a task overflows the size then what to do ??

  • @billybrightson
    @billybrightson Před rokem +4

    He does the best flutter tutorials tbh. I wish you will do react/nextjs as well

  • @KASTUDIOkanzalhaqa
    @KASTUDIOkanzalhaqa Před rokem

    Thank you sm I can grow my channel now. This hel

  • @Hichamhadjseyd
    @Hichamhadjseyd Před rokem

    pleas how we avoid creating empty task
    and what to do if it have more then one line

  • @theend9220
    @theend9220 Před rokem +1

    Dear man I follow all your step but I got ( error type 'string ' is not subtype of type 'bool ' ) on screen phone so How can I solve it ?

  • @beyondmelody59
    @beyondmelody59 Před 2 měsíci

    flutter's which architecture are you using in this app?

  • @shijinthottiyil4570
    @shijinthottiyil4570 Před rokem

    what is the use of this build runner and hive generator

  • @DanDan-kx4zv
    @DanDan-kx4zv Před 4 měsíci +1

    I really like that you put comment label on every code you wrote, it really helps us beginner to know how to follow along your explaination. Thanks alot Mitch for this awesome tutorial.

  • @creationtechz7408
    @creationtechz7408 Před rokem

    How can I make the row responsive as when I add more text it get overflowed by pixel

  • @osamamahmoud4841
    @osamamahmoud4841 Před 7 měsíci

    have a question
    itemBuilder: (context, index) {
    return ToDo(
    taskName: list[index][0],
    taskComplete: list[index][1],
    onChanged: (value) => onChanged(value!, index),
    );
    },
    i don't get this line : onChanged: (value) => onChanged(value!, index),
    what is value , and why we need it
    thanks