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

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

[@Romain_Girou]

Here is the GitHub Repo : github.com/romain-girou/flutter_todo_tuto

[@szilardlang]

I just finished this tutorial, that was all good, thank you! 😊

[@rhmagalhaes]

Wow. Just finished. There is a lot to take in from this. Thank you !

[@Romain_Girou]

Great job and thank you 🙏

[@hello_101]

As a beginner, I found this very helpful. Please continue creating more content on Flutter BloC.

[@Romain_Girou]

Glad to hear it 👌 I have a full serie on the channel go check it out

[@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]

I'll make more easy tutorials very soon !

[@user-fj3rq2cb7m]

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]

So glad to hear ! That's exactly the goal with those tutorials, for you to make them your own. Congrats on that 🔥

[@hyunkim1158]

THANKS!

[@JohnSon-th5qx]

Much need one💯

[@DwiYuliantoKurniawan]

Excellent tutorial.
I wish I could get the advance BLoC tutorial.

[@Romain_Girou]

I will get more in depth with BLoC very soon ! Stay tuned 🔥

[@Romain_Girou]

If you want to code in GitHub let me know ! 🔥

[@navasjaseer7508]

Yes

[@Romain_Girou]

@@navasjaseer7508 Check out the pin comment !

[@user-cf1nc7ke7z]

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!

[@user-cf1nc7ke7z]

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.

[@phuminph7042]

Thanks🎉

[@Romain_Girou]

No problem

[@leulsolomon6588]

Thank you, Amazing,

[@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 👌

[@SUBHASHINISV-nu9dq]

very good video....keep helping us🤩🤩

[@Romain_Girou]

I will try my best

[@mrudulmohan9219]

code along with your explanation bro,its more convenient for us

[@user-br5yx4qg3k]

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?

[@nabihuzcateguip]

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]

Thanks ! Will do for the next ones

[@delmontee]

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]

For sure 👌

[@yadhuveerhebbuli3197]

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]

I will cover that ! A search bar using Algolia to search for users

[@user-et3qd9kc9p]

sir, what is vscode extension you use in 4:27 ?

[@Romain_Girou]

Hello !
The extension is called BLOC

[@user-et3qd9kc9p]

thankyou sir@@Romain_Girou

[@nativeworld0]

explanation (●'◡'●) is so vague. but good project

[@muhammadabduhsiregar9190]

if using bloc when closing the app the data is lost or stay?

[@Romain_Girou]

Only bloc the data will be lost but here since we use bloc hydrated which uses Hive, a local database then it stays !

[@muhammadabduhsiregar9190]

@@Romain_Girou aaah i see, its like sqlflite right? okay i will be learn hive for my own apps hehe, thanks dude

[@abodikheder3626]

why when i slide it it doesnt get deleted
ive also cloned your version and still its not getting deleted

[@Romain_Girou]

Thanks for your feedback ! Perhaps I forgot it, I'll check

[@abodikheder3626]

yeah but when you deleted it in the video it got deleted successfully @@Romain_Girou

[@abodikheder3626]

never mind it worked im sorry lol@@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

[@olivetteauton4995]

'Promo SM' 😎

[@mateuszchudek6434]

Boss, repo is near empty :(

[@Romain_Girou]

It's fix ! My bad 🥹

[@clovisstanford6515]

The first twenty minutes of code is too complex and impossible to understand .

[@Romain_Girou]

I'll make more easy tutorial !

[@Aditya.Rawat45]

True, never knew dart is this much complex 😭

[@dianadev1702]

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.