Тёмный

✅📱 TO DO App • Flutter & BLoC Tutorial for Beginners 

Romain Girou
Подписаться 17 тыс.
Просмотров 20 тыс.
50% 1

In this tutorial, you'll learn how to create a simple ToDo app in Flutter. In this app, I have shown you how to add and delete new to-do items and search for existing to-do items from the list.
We use Hydrated BLoC in order to keep the state of the App inside our local Data Storage.
I hope you enjoy !!!
Subscribe to my channel: / @romain_girou

Опубликовано:

 

2 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 58   
@Romain_Girou
@Romain_Girou Год назад
Here is the GitHub Repo : github.com/romain-girou/flutter_todo_tuto
@Mangalify
@Mangalify Месяц назад
sir when i add async to void main and try to hot restart after change the background color i got this error Error dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 296:3 throw_ packages/flutter/src/services/platform_channel.dart 332:7 _invokeMethod dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 45:50 dart-sdk/lib/async/zone.dart 1661:54 runUnary dart-sdk/lib/async/future_impl.dart 163:18 handleValue dart-sdk/lib/async/future_impl.dart 861:44 handleValueCallback dart-sdk/lib/async/future_impl.dart 890:13 _propagateToListeners dart-sdk/lib/async/future_impl.dart 666:5 [_completeWithValue] dart-sdk/lib/async/future_impl.dart 736:7 callback dart-sdk/lib/async/schedule_microtask.dart 40:11 _microtaskLoop dart-sdk/lib/async/schedule_microtask.dart 49:5 _startMicrotaskLoop dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 181:7 Please Help ME And the background still white
@nativeworld0
@nativeworld0 6 месяцев назад
explanation (●'◡'●) is so vague. but good project
@SergioMartin-u4z
@SergioMartin-u4z 7 месяцев назад
Nice video! Very helpful! I've separated the Home file into multiple files to not make it bigger. I've created the List and Item component and it works very well! :) Thank you for share your knowledge!
@Romain_Girou
@Romain_Girou 7 месяцев назад
So glad to hear ! That's exactly the goal with those tutorials, for you to make them your own. Congrats on that 🔥
@szilardlang
@szilardlang 8 месяцев назад
I just finished this tutorial, that was all good, thank you! 😊
@nabihuzcateguip
@nabihuzcateguip 10 месяцев назад
very good video... just a suggestion, that you raise the font size of the code because it looks a little small... thank you!
@Romain_Girou
@Romain_Girou 10 месяцев назад
Thanks ! Will do for the next ones
@DwiYuliantoKurniawan
@DwiYuliantoKurniawan 10 месяцев назад
Excellent tutorial. I wish I could get the advance BLoC tutorial.
@Romain_Girou
@Romain_Girou 10 месяцев назад
I will get more in depth with BLoC very soon ! Stay tuned 🔥
@mrudulmohan9219
@mrudulmohan9219 Год назад
code along with your explanation bro,its more convenient for us
@gedeonyala6836
@gedeonyala6836 Месяц назад
may be you should zoom in a little bit, texts are very small
@hello_101
@hello_101 Год назад
As a beginner, I found this very helpful. Please continue creating more content on Flutter BloC.
@Romain_Girou
@Romain_Girou Год назад
Glad to hear it 👌 I have a full serie on the channel go check it out
@clovisstanford6515
@clovisstanford6515 Год назад
You got helpful It's get too complex for me tho! . I mean where do you learn advance flutter, like Api calls, database, etc. If you get provide some resources
@Romain_Girou
@Romain_Girou Год назад
I'll make more easy tutorials very soon !
@JohnColani
@JohnColani 10 месяцев назад
I truly appreciate your fantastic video content. Could I kindly request a tutorial on creating an app with localization and dark/light theme switching using Bloc (not Cubit), covering at least three languages? It would be incredibly helpful if you could demonstrate how to implement language changes via a DropdownButton and dynamically switch between dark and light themes. I've attempted this myself, but I'm struggling to manage both aspects with Bloc on a single page. Thank you so much in advance for your assistance!
@JohnColani
@JohnColani 8 месяцев назад
May I ask how to add a detail page and edit it in the bloc? I have already done something, but I need your assistance to refine it.
@yadhuveerhebbuli3197
@yadhuveerhebbuli3197 9 месяцев назад
How to add searching bar, in that if we search any todo it must appear on the todo list according to the alphabetical manner
@Romain_Girou
@Romain_Girou 9 месяцев назад
I will cover that ! A search bar using Algolia to search for users
@SubramanyanS-x3t
@SubramanyanS-x3t 5 месяцев назад
i have a doubt . instead of using a single state and modifying it again and again . will it be better i create differnce class for success fail initial when adding todo that will be better you think?
@rhmagalhaes
@rhmagalhaes 7 месяцев назад
Wow. Just finished. There is a lot to take in from this. Thank you !
@Romain_Girou
@Romain_Girou 7 месяцев назад
Great job and thank you 🙏
@Romain_Girou
@Romain_Girou Год назад
If you want to code in GitHub let me know ! 🔥
@navasjaseer7508
@navasjaseer7508 Год назад
Yes
@Romain_Girou
@Romain_Girou Год назад
@@navasjaseer7508 Check out the pin comment !
@delmontee
@delmontee 7 месяцев назад
Thanks for the video. Can you go in to more detail where the toJson / fromJson part comes in. I assume it's just part of hydrated bloc, but there wasn't much info about it
@Romain_Girou
@Romain_Girou 7 месяцев назад
For sure 👌
@JohnSon-th5qx
@JohnSon-th5qx 4 месяца назад
Much need one💯
@hyunkim1158
@hyunkim1158 6 месяцев назад
THANKS!
@olivetteauton4995
@olivetteauton4995 Год назад
'Promo SM' 😎
@SUBHASHINISV-nu9dq
@SUBHASHINISV-nu9dq 8 месяцев назад
very good video....keep helping us🤩🤩
@Romain_Girou
@Romain_Girou 8 месяцев назад
I will try my best
@muhammadabduhsiregar9190
@muhammadabduhsiregar9190 8 месяцев назад
if using bloc when closing the app the data is lost or stay?
@Romain_Girou
@Romain_Girou 8 месяцев назад
Only bloc the data will be lost but here since we use bloc hydrated which uses Hive, a local database then it stays !
@muhammadabduhsiregar9190
@muhammadabduhsiregar9190 8 месяцев назад
@@Romain_Girou aaah i see, its like sqlflite right? okay i will be learn hive for my own apps hehe, thanks dude
@phuminph7042
@phuminph7042 7 месяцев назад
Thanks🎉
@Romain_Girou
@Romain_Girou 7 месяцев назад
No problem
@mateuszchudek6434
@mateuszchudek6434 Год назад
Boss, repo is near empty :(
@Romain_Girou
@Romain_Girou Год назад
It's fix ! My bad 🥹
@abodikheder3626
@abodikheder3626 Год назад
why when i slide it it doesnt get deleted ive also cloned your version and still its not getting deleted
@Romain_Girou
@Romain_Girou Год назад
Thanks for your feedback ! Perhaps I forgot it, I'll check
@abodikheder3626
@abodikheder3626 Год назад
yeah but when you deleted it in the video it got deleted successfully @@Romain_Girou
@abodikheder3626
@abodikheder3626 Год назад
never mind it worked im sorry lol@@Romain_Girou
@Romain_Girou
@Romain_Girou Год назад
Perfect, just checked again the code and it worked so that's perfect ! I'll create a Discord soon where the community can help each other
@AuliaOctaviani-n6e
@AuliaOctaviani-n6e Год назад
sir, what is vscode extension you use in 4:27 ?
@Romain_Girou
@Romain_Girou Год назад
Hello ! The extension is called BLOC
@AuliaOctaviani-n6e
@AuliaOctaviani-n6e Год назад
thankyou sir@@Romain_Girou
@dianadev1702
@dianadev1702 4 месяца назад
You do not have enough pedagogical qualifications. It will be clearer from the beginning when there is a chart showing the activities. Because, learners are very vague, learn passively, not knowing what you will do next.
@clovisstanford6515
@clovisstanford6515 Год назад
The first twenty minutes of code is too complex and impossible to understand .
@Romain_Girou
@Romain_Girou Год назад
I'll make more easy tutorial !
@Aditya.Rawat45
@Aditya.Rawat45 5 месяцев назад
True, never knew dart is this much complex 😭
@leulsolomon6588
@leulsolomon6588 Год назад
Thank you, Amazing,
@Romain_Girou
@Romain_Girou Год назад
Glad you liked it ! Make sure you have set the "itemCount" parameter of the ListView.builder to be "state.todos.length" and that should solved it I hope 👌