👊🏽📱 Minimal Habit Tracker • Flutter x Isar Tutorial
HTML-код
- Опубликовано: 13 июл 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 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/ 
Наука
💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
📱 Flutter Masterclass • mitchkoko.app/
🔥 I'm coding a startup.. www.patreon.com/mitchkoko
Please will it be possible you create a video on how to make a peer to peer payment transaction please 😢
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
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??
dont stop uploading koko. your tutorials are so fresh and clean, your capacity of design is amazing! im learning a lot!
just started flutter and found this legend great work 👏👏
Welcome ❤️
This guy should be recognized someway by google's flutter team
Oh man that is crazy haha one day
yeah really , we're praying for that wonderful day 🤞
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!
Thanks very much for this video.
Proud to be the first watching this video.
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.
wow thanks you for this. wonderful design and explanations
This was very helpful, thank you.
@Mitchkoko can you please add google ads to your apps please your tutorial are the best please do it
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
Thanks very much for this video.
Your follower from algeria...keep going
شكرا جزيلا لك
Keep going!
Amazing😆😆
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?
Lovely
Can you build a timetable app please ? I would be so cool to watch !
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
broo ia m not able to switch between dark and light theme
@@HIMANSHU-mt1jk is this still the case or have you fixed this?
Which you are using for drawing those diagrams
Can you make a tutorial on how to set up dart, flutter and the live preview for VSCode?
Which tool do you use to show the layout of the apps you build and its navigation/screens, is it Figma?
Please an Isar x Riverpod tutorial please 🙏
can you create an AR app i have checked out several packages but those are not working well
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
Would you do a flutter + RealmDB app ?
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?
@createdbykoko can you please add google ads to your apps please your tutorial are the best please do it, pleaseeeeeeeeee
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
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!!!!!!
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?
hello how can i get the calendar in french?
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
Can make an encryption and decryption video tutorial with firebase?🙏🙏🙏
❤
pleas make video on firebase X (some offline database) when net is available data sync to firebase , when offflne data store to local database
can you please make a backup system while using local database
Can you please make a music player using firebase
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
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!
Will this project work on Android emulators or devices?
Love your videos! Is there source code for this? I can't get the heatmap to get darker beyond the first shade of green :(
mitchkoko.gumroad.com/l/MinimalHabitTracker
@@createdbykokothank you!
How do i implement it using firebase?
could u pls make a video on dropdown widget
🤧
ruclips.net/video/FYFqUMHxu3Q/видео.html
could start to add mvvm pattern in your minimal apps?
i think the code is pretty much similar to mvvm though not exactly the same, same idea
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)
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)
Tried some tips from the web like modifying dev_dependencies, upgrading packages, etc., nothing worked so far. 😔
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
Why is bro such a cootie patootie 🥰
hahaha what
why is isar opening two times on start tho?
// 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
Build Runner not creating those files
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?
They have different purposes. Hive/isar is for storing data offline, while firebase is for storing data online
@@createdbykoko Gotcha! But for this divergent, stuck with different projects.
Anyway, really appreciate your coding style and your simple UI making
is this also applicable in android?
Yes
will this still work if i use pixel as my simulator?
@@user-sh7bf4st4j ofc
Is it fully functional?
Of course
@@createdbykoko thanks a lot
Isar is full of errors
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