📱 TO DO App • Flutter Tutorial ♥ Hive Local Storage

Поделиться
HTML-код
  • Опубликовано: 6 июл 2024
  • 📱 Flutter Courses • mitchkoko.app/
    💰 Hire Me / Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
    ❤️ True Fans • / mitchkoko
    ~ ;
    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
  • НаукаНаука

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

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

    🔥📱 Flutter Templates • mitchkoko.app/
    🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp
    💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp

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

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

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

  • @lesptitsoiseaux
    @lesptitsoiseaux Год назад +79

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

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

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

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

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

  • @neoruss3553
    @neoruss3553 Год назад +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!

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

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

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

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

  • @benemma5602
    @benemma5602 Год назад +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.

  • @verticrow
    @verticrow Год назад +10

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

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

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

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

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

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

    What a solid tutorial, love it man!

  • @not-free-wifi
    @not-free-wifi Год назад +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.

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

      Hi welcome Taiyo Maruyama! ❤️🇯🇵

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

    I am addicted to your videos! Thank you!

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

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

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

    Simple explanation and easy to understand. Thank you sir.

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

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

  • @aishwaryakasthala97
    @aishwaryakasthala97 8 месяцев назад +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!!

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

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

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

      Yes sirrr more to come. Thanks for the support ❤

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

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

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

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

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

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

    • @michaelgyamfi2275
      @michaelgyamfi2275 Год назад +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

  • @aayasir217
    @aayasir217 5 месяцев назад +1

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

  • @x.x.x.x.x.x.x.x
    @x.x.x.x.x.x.x.x Год назад +1

    I love this course so much!!

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

    Your sense of asthetics are just awsome

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

      haha thanks I'm glad you appreciate it ❤

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

    thanks for letting us learn from you be blessed 🙌

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

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

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

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

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

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

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

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

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

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

  • @AntonioPenafiel-ic7zj
    @AntonioPenafiel-ic7zj 7 месяцев назад

    Thank you very much, an excellent explanation.

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

    You are the best teacher ! Thank you :)

  • @DZ-nx3he
    @DZ-nx3he Год назад

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

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

    great tutorial, thank you so much!!

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

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

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

    Your are the best man
    Thank you

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

    the best tutorial ever

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

    You are a gem!

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

    Thanks for the tutorial.

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

    Thanks bro you are very good teacher and good coder

  • @edgzxdev
    @edgzxdev 5 месяцев назад +1

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

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

    Thank you for your good lecture :)

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

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

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

    Love ❤❤❤❤ , this app you explain easy

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

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

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

    wow thank you, now i can have fun!

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

      haha i'm glad you find this fun! ✌🏾

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

    Thanks. I want more tutorials on Hive

  • @user-cj7tz1vm7j
    @user-cj7tz1vm7j 5 месяцев назад +1

    Thank you for making this so easy

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

    Thank you!

  • @user-qg5jw1mi5g
    @user-qg5jw1mi5g 9 месяцев назад +1

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

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

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

    • @user-qg5jw1mi5g
      @user-qg5jw1mi5g 9 месяцев назад

      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

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

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

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

      Haha you are too nice 👨🏽‍💻❤️

  • @AMITSHARMA-jq5dg
    @AMITSHARMA-jq5dg 10 месяцев назад

    Thank you so much. Love ❤from India.

  • @Welcome.clowzy
    @Welcome.clowzy Год назад

    this tutorial is so cool👍👍👍👍🔥🔥

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

    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

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

    flutter goat, love it G

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

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

    • @createdbykoko
      @createdbykoko  Год назад +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

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

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

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

    Thank You

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

    Thanks! Very helpful..

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

    Good tutorial

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

    Thnx man

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

    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?

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

    Thanks brother.Well done

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

    thanks bro❤

  • @nandu_don
    @nandu_don 11 месяцев назад +1

    Best lecture ever

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

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

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

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

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

    Congratulation for 100K. Love from INDIA 🇮🇳

  • @vasperTM
    @vasperTM Год назад +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  Год назад +1

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

    • @vasperTM
      @vasperTM Год назад +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 9 месяцев назад

      Whoah! Can you show how you implemented that?

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

    Awsome!!

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

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

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

      Glad you like it :)

    • @rajeshmullapudi7081
      @rajeshmullapudi7081 Год назад +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  Год назад

      @@rajeshmullapudi7081 more to come :)

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

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

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

    Mitch i am rooting for your tutorial on REST API

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

    good job

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

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

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

    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?

  • @ajinomoto-tf9zr
    @ajinomoto-tf9zr 10 месяцев назад

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

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

    Many thank bro

  • @user-et4wf8xk8n
    @user-et4wf8xk8n 7 месяцев назад

    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 ?

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

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

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

    Hello Koko,
    Love your Videos❤️❤️.
    I am new to programming language and also to Flutter..
    I am trying to make a money manager app with Firebase DB, but not able to do arithmetic operations with it .. eg.. adding and subtracting expense and income values and to show in the flutter app.
    Can you help on this?

  • @zeroFact-mz8sc
    @zeroFact-mz8sc Месяц назад

    Good tutor....

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

    great stuff

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

    wonderful wonderful

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

    Hi! I want to make categories for tasks, for example, "tasks at work", "household chores" and I need to be transferred to a new blank form after clicking on the category, where I can write down my affairs. Please help me, which way should I dig to find the answer?

  • @ClaireCohen-gq9ed
    @ClaireCohen-gq9ed Год назад

    Hello, thanks for your value, Im a beginner so maybe my question is stupid but how come you can update the screen whereas there is underlined error on the text. I cannot update the screen if its underlined

  • @DanDan-kx4zv
    @DanDan-kx4zv 4 месяца назад +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.

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

    awesome!

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

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

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

    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?

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

    This was great

  • @MayankSharma-vi1ok
    @MayankSharma-vi1ok Год назад +1

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

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

    good!

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

    Great 👌👌👌👌👌

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

    hey koko, which extensions are you using?

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

    AWESOME 👌

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

    thanks man o/

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

    hey mitch, off chance you see this, doing a project and want the contents of my list to display in text format from here on the homepage as well, how do i do this?

  • @robix0911
    @robix0911 2 дня назад

    How would you add a slide to edit the text within a task ( maybe a mistake spelling or just want to change task)?

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

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

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

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

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

    Hi Mitch, really liked your video for this app (you have a great teaching style), but it doesn't quite work : when u show and click the 'delete' button = it DOESN'T delete the task ... is there some code missing from the video ? ... Please help

  • @theend9220
    @theend9220 Год назад +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 ?

  • @iamgoodluck78
    @iamgoodluck78 13 дней назад

    thanks for the tutorial Mitch. I have a problem when clicking the 'make Tutorial' button, it does not draw a line through the text when i click on it but the 'Do Exercise' draws through when i click on the checkbox. What could be the issue?