👊🏽📱 Minimal Habit Tracker • Flutter x Isar Tutorial

Рет қаралды 17,142

Күн бұрын

💬 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 habit tracker app made with Flutter x Isar database. Light & Dark mode. Uses an aesthetic heat map to display the habit progress.
✏️ Whiteboard app I use: app.eraser.io/
~ ;
⌚️ TIMESTAMPS
0:00 Intro
1:25 Light & dark mode
5:23 Isar database
7:55 Habit class
9:16 Initialize database
11:34 CRUD functionality
17:17 Habit tile & list UI
32:04 Heat map
~ ;
🔗 CONNECT WITH ME
📺 / createdbykoko
🐦 / createdbykoko
📱 / createdbykoko
💻 github.com/mitchkoko/
🖥 mitchkoko.app/

Пікірлер: 75

@createdbykoko 6 ай бұрын

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

@kwabenadanquah1277 6 ай бұрын

Please will it be possible you create a video on how to make a peer to peer payment transaction please 😢

@EnigmaticRealms1 6 ай бұрын

Hi Mitch. I just bought your book off the link, but it's only in pdf. Can you convert it to epub and upload that as well please? Thanks man

@thembangulube9041 Ай бұрын

hey man i seem to have a issue with the state of the the application, it seems tht it wont update the state when i add a new habit but will only show up when i either restart or use the cupertino switch and it will render on my screen.. any help??

@wesleysilveira5692 6 ай бұрын

dont stop uploading koko. your tutorials are so fresh and clean, your capacity of design is amazing! im learning a lot!

@szilardlang 6 ай бұрын

I'm still pretty new to Flutter, this is my most difficult project I learned to create, but you guided me so well. Thanks for the video, I'm ready for the next one.

@RamdanCode 6 ай бұрын

Wow, your Minimal Habit Tracker tutorial using Flutter and Isar is a game-changer! Your clear explanations made it easy for me to follow along and implement it myself. Kudos to your teaching style! Looking forward to more insightful content. Thanks a bunch for sharing your knowledge!

@marceloarthurbragalemosdos5796 6 ай бұрын

This guy should be recognized someway by google's flutter team

@createdbykoko 6 ай бұрын

Oh man that is crazy haha one day

@shreya_dabhi 6 ай бұрын

yeah really , we're praying for that wonderful day 🤞

@wosmo-uip8954 6 ай бұрын

just started flutter and found this legend great work 👏👏

@createdbykoko 6 ай бұрын

Welcome ❤️

@SamDevStuff 6 ай бұрын

This was very helpful, thank you.

@stevephuc5853 6 ай бұрын

wow thanks you for this. wonderful design and explanations

@RobotMutsikai 6 ай бұрын

Great tutorial as always! Would you make a second part where you could have shown us how to add months, calendar and years so this minimal tracker could become a complete project?

@user-pn7kg6qv4s 6 ай бұрын

@Mitchkoko can you please add google ads to your apps please your tutorial are the best please do it

@tiktokhits6686 6 ай бұрын

Thank you so much for the tutorial I appreciate it a lot they are really informative with you I would really love to see you do move any minimal apps with state management

@sofianemaaradji2625 6 ай бұрын

Thanks very much for this video. Your follower from algeria...keep going شكرا جزيلا لك

@UBCABANUPRASATHS 3 ай бұрын

when i created this app it works fine but heatmap not updating on next day. example if i finished today's habit [april 6] on nextday the heatmap doesn't grow to [april 7] it still shows heatmap for april 6 only what to do?

@MoritzMein 3 ай бұрын

Can somebody tell me why I cant add the flutter pub add provider. There is written flutter coulndt be found as a cmdlet, function or skriptdata

@Heis_neon 6 ай бұрын

Please if you don’t mind, How do you get a copy of the already completed habits as displayed when showing a preview of the app

@oussamamessaoudi1993 Ай бұрын

how can i change the heatmap completion color based on percentage because if you have only one habit and you complete it you will get 1 in colorset and not 5 even though you completed 100% of your habits

@anasalbattiri003 6 ай бұрын

Keep going!

@writecode9932 6 ай бұрын

Which you are using for drawing those diagrams

@haroldmuganga 6 ай бұрын

Theme defaults to Light mode, when you change the theme and quit the app it goes back to light mode, I thought once you notify the listeners the provider remembers the state. Might you know a fix or a work around that

@user-sr4dy6ly6w 5 ай бұрын

hello how can i get the calendar in french?

@rasmustchristensen 6 ай бұрын

Which tool do you use to show the layout of the apps you build and its navigation/screens, is it Figma?

@ririra7845 5 ай бұрын

Amazing😆😆

@marcocretella9348 5 ай бұрын

Can you make a tutorial on how to set up dart, flutter and the live preview for VSCode?

@rivinia2178 6 ай бұрын

Hey hoping someone is able to help because I really cannot find how to do this, how do I implement a dropdown button that will act like a filter button? For example, I wish to have a page where theres fruits and veggies listed down. Pressing the filter button will allow me to just see fruits or just see vegetables. If you could point me in the right direction that would be great help, thank you!

@malluvocalist1416 6 ай бұрын

can you create an AR app i have checked out several packages but those are not working well

@oscarisorez7829 6 ай бұрын

Can you build a timetable app please ? I would be so cool to watch !

@ruzmatovjakhongir 6 ай бұрын

when creating crud inside of the home page isnt it good to move them in another file as its doing state management , I dont know thats why I am asking please reply koko I have a lot of confusions about it . aI have done a lot with your videos they are really good but in all of them they are in the same place i think you should put them in another folder if its possible reply with explantaion pleaseeeee!!!!!!

@itboostaustralia8498 6 ай бұрын

Lovely

@SmartMedia101 5 ай бұрын

Would you do a flutter + RealmDB app ?

@chandima8152 5 ай бұрын

Thank you. I completed it. It's very helpfull. I want some change in this app. But I have no idea that How do I handle Java code? Can you help me?

@user-pf7me4ht7r 3 ай бұрын

IsarError (IsarError: Cannot open Environment: MdbxError (75): Value too large for defined data type) why this error is getting give me some solution my code is same as yours

@reignmedia-in 6 ай бұрын

// get current theme ThemeData get themeData => _themedata; //is current theme is dark mode bool get isDarkMode => themeData == darkMode; } i am facing error on _themedata Undefined name '_themedata'. Try correcting the name to one that is defined, or defining the name. help me

@giftzulu5960 6 ай бұрын

This is so cool. i love it!! Your videos have greatly helped me with my college projects. Thank you so much sir. I have a request though, in future soon or later, create a video on flutter + bloc pattern , proper beginner friendly videos on clean architecture and flutter are not easily found on youtube.. i love your work

@HIMANSHU-mt1jk 6 ай бұрын

broo ia m not able to switch between dark and light theme

@genius4426 6 ай бұрын

@@HIMANSHU-mt1jk is this still the case or have you fixed this?

@nomanbinsafar3128 6 ай бұрын

How do i implement it using firebase?

@tizooooo 6 ай бұрын

why is isar opening two times on start tho?

@omeraltndal8756 6 ай бұрын

can you please make a backup system while using local database

@out-of-sight 6 ай бұрын

Will this project work on Android emulators or devices?

@memoriesR- 6 ай бұрын

Please an Isar x Riverpod tutorial please 🙏

@secret_412 6 ай бұрын

Can make an encryption and decryption video tutorial with firebase?🙏🙏🙏

@arthurjose7339 6 ай бұрын

Can you please make a music player using firebase

@user-pn7kg6qv4s 6 ай бұрын

@createdbykoko can you please add google ads to your apps please your tutorial are the best please do it, pleaseeeeeeeeee

@urm1n 6 ай бұрын

pleas make video on firebase X (some offline database) when net is available data sync to firebase , when offflne data store to local database

@MrAvelino2010 6 ай бұрын

❤

@MrAvelino2010 6 ай бұрын

could start to add mvvm pattern in your minimal apps?

@createdbykoko 6 ай бұрын

i think the code is pretty much similar to mvvm though not exactly the same, same idea

@spiikedude 6 ай бұрын

Love your videos! Is there source code for this? I can't get the heatmap to get darker beyond the first shade of green :(

@createdbykoko 6 ай бұрын

mitchkoko.gumroad.com/l/MinimalHabitTracker

@spiikedude 6 ай бұрын

@@createdbykokothank you!

@bentennyson3824 5 ай бұрын

Build Runner not creating those files

@user-pw5dl9uq2v 6 ай бұрын

I don't get two new files after entering the isar db command, even though I have everything exactly like you. Here's what I get PS C:\Users\Nurrali\Documents\project flutter\habit_tracker> dart run build_runner build [INFO] Generating build script completed, took 369ms [INFO] Reading cached asset graph completed, took 165ms [INFO] Checking for updates since last build completed, took 1.5s [INFO] Running build completed, took 14ms [INFO] Caching finalized dependency graph completed, took 206ms [INFO] Succeeded after 230ms with 0 outputs (0 actions)

@szilardlang 6 ай бұрын

I just faced the same issue. I have a bit more info though: Building package executable... (6.3s) Built build_runner:build_runner. [INFO] Generating build script completed, took 346ms [WARNING] Throwing away cached asset graph because the language version of some package(s) changed. This would most commonly happen when updating dependencies or changing your min sdk constraint. [INFO] Cleaning up outputs from previous builds. completed, took 9ms [INFO] Generating build script completed, took 75ms [WARNING] Invalidated precompiled build script due to missing asset graph. [INFO] Precompiling build script... completed, took 7.5s [INFO] Building new asset graph completed, took 971ms [INFO] Checking for unexpected pre-existing outputs. completed, took 1ms [WARNING] isar_generator on lib/main.dart: Your current `analyzer` version may not fully support your current SDK version. Analyzer language version: 3.1.0 SDK language version: 3.2.0 Please update to the latest `analyzer` version (6.3.0) by running `flutter packages upgrade`. If you are not getting the latest version by running the above command, you can try adding a constraint like the following to your pubspec to start diagnosing why you can't get the latest version: dev_dependencies: analyzer: ^6.3.0 [INFO] Generating SDK summary completed, took 4.5s [WARNING] source_gen:combining_builder on lib/models/app_settings.dart: app_settings.g.dart must be included as a part directive in the input library with: part 'app_settings.g.dart'; [WARNING] source_gen:combining_builder on lib/models/habit.dart: habit.g.dart must be included as a part directive in the input library with: part 'habit.g.dart'; [INFO] Running build completed, took 5.4s [INFO] Caching finalized dependency graph completed, took 78ms [INFO] Succeeded after 5.5s with 6 outputs (26 actions)

@szilardlang 6 ай бұрын

Tried some tips from the web like modifying dev_dependencies, upgrading packages, etc., nothing worked so far. 😔

@dibyodhara4326 3 ай бұрын

Why didn't you use firebase here, i follow all your videos and it becomes difficult to go through different databases like hive, Isar, firebase in different videos?

@createdbykoko 3 ай бұрын

They have different purposes. Hive/isar is for storing data offline, while firebase is for storing data online

@dibyodhara4326 3 ай бұрын

@@createdbykoko Gotcha! But for this divergent, stuck with different projects. Anyway, really appreciate your coding style and your simple UI making