Flutter ToDo App 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.
Flutter Widgets Explained Series Playlist • Flutter Widget Explained
→ Create Tic-Tac-Toe Game from Scratch in Flutter • Build Tic Tac Toe Game...
→ Onboarding Screen UI Tutorial with PageView • Page Slider Carousel i...
→ Google Map in Flutter • Google Map in Flutter ...
→ Chat App UI in Flutter Tutorial • Chat App UI Tutorial i...
→ Weather App UI in Flutter Tutorial • Weather App UI Tutoria...
► Timestamps
0:00 Introduction
1:54 Discussing Project Structure
3:06 Creating Custom AppBar
6:55 Creating Search Bar
10:00 Creating To-Do Items by Using ListTile
19:06 Create Add ToDo Item Section Using Stack Widget
23:03 Functionality to Mark a ToDo Item as Done or not
25:24 Functionality to Delete a ToDo Item
26:54 Functionality to Add New ToDo to the App
29:24 Functionality to Search ToDo Items
GitHub Repo Link bit.ly/3zun2Hg
If you found my tutorials helpful, you can buy me a coffee from this link paypal.me/itzpradip
Follow me on Twitter / itzpradip
Follow me on GitHub github.com/itzpradip
Subscribe to my Channel bit.ly/2PaUqOk
For more tutorials on WordPress, React JS, React Native and Flutter visit: www.pradipdebnath.com/blog/

[@user-mc6ei6je5q]

22:32 property "primary" to set the background color is deprecated now. Use "backgroundColor" instead. Change to: background color: tdBlue, foregroundColor: Colors.white, // because the color of the default icon has become gray I would also like to thank the author for providing good and detailed teaching

[@nifumafu3682]

im japanese. So I am not proficient in English. But your video is very easy to understand! Thank you and I'll watch next.

[@plkingori2013]

bro you're good

[@s.bamahfoodh]

thank you very much, this is my first Flutter app in my very first software engineer role as a Flutter developer. always will have a special place. :)

[@vyking1972]

Thank you very much. I appreciate the act of including the link of source code in the description. This was my third learning app.

[@ancapsolteiro8595]

Thank you so much, my uni project finished. :D. Greetings from Brazil!

[@aremuoluwatobiloba8181]

thanks very much i have build my first app with flutter.... following your tutorial .... im a first timer in coding and aside little pixel bugs that i fixed using stackoverflow.... the tutorial was really helpful..... i wish you can make a video on how to create functions ... i mean those functions that you set state for .... i know you would grab all i have said

[@samirajput9351]

Thank you so much Pradip, you've got a subscriber

[@GaBoyInKy]

This was a simple but effective tutorial. Thank you.

[@barak_hub]

Thanks bro. I am learning flutter, let me add storage now :) to have my personal todo app

[@thiagobuenogarcia6095]

Awesome video! Real easy to follow and really start grasping the power behind Flutter!

[@Skaxarrat]

Straight, simple and sort. Thanks.

[@nickylim5204]

Thank you Sir! It's truly a good tutorial for me, I learned a lot from you!

[@reactv5697]

Thank you @Pradip. this was a lovely tutorial.

[@vefaaltntop9626]

Thanks. I successfully completed my first flutter application.

[@AnandhaKannan-xe5ke]

Congrats from India

[@destroyer6679]

Very useful video. I learnt so much. Thank you!

[@bt_HridayAgrawal]

Thank you for this tutorial! Really helped me a lot. Could you clarify one issue? Even when all the elements used are Stateless Widgets, why didn't the content in displayed on the screen change on Hot Reload when I edited the content returned in the ToDo list? I always had to Hot Restart to get the content on screen refreshed.

[@Fatima_Mohammed989]

Thank you!!! Great work✨

[@SuperCacazinho]

Thank you, man !! You're a very good person... Probably !

[@CryptoWealthyChannel]

You can also use the ‘leading’ and ‘actions’ property for the appbar instead of creating a row for it. Thank you very much for the video.

[@icoweb500]

very true, it's more reliable. But great tutorial definitely.

[@rujin_1762]

how do i save the state of the app even after the app is restarted because right now when the app is restated the values that we have changed in the list also restarts

[@speedtnt7591]

may you connect it with nodejs and mongodb?, i mean create a beginner tutorial on node and mongo please thanks...

[@1Menzy]

Very helpful man. Learnt a lot from here

[@vianeyvargas7736]

Thanks, can You use flutter bloc pattern?

[@MAX-ox3xh]

That's very nice, I hope you can integrate sqflite next project. Thank you. Keep it up.

[@alveezulfikhan]

hello sir please help me out what method i used in to _todoedit ??

[@naveedsolangi2280]

using leading and action in the AppBar worth it ?

[@fatihkarahan2986]

Thank you! nice tutorial

[@codinginflutter1234]

hope you'll create some awesome Apps/projects also in the future just like that. helpful💘

[@user-dh9be1qo3y]

how can we store them in sharedprefence if we romove app from background then the created new item also show when we reopen

[@saidaydn5159]

hello how can ı update the list item .or change name if ı write wrong

[@eddina4426]

how do i use the wrap function?, I cant wrap my code.

[@vatsalsinha625]

hi can you tell me how to add dark mode in it please

[@hinduscience108]

Thankyou brother, i completed it in 2 days

[@clashwithfun75]

is it working still?

[@florinlica4986]

thsnk you !a paert of the Search function the tutorial is cool a bit fast for a biginer

[@thewebcreator2825]

What's your first choice.? Flutter or React native

[@devorer77]

Thank you! Really useful. I think all ract-native developers have to know flutter and can create flutter applications. It isn’t harder then RN .

[@itzpradip]

Totally agree! I'm glad it was helpful.

[@LearnfromGood]

do you know RN?

[@Mark-nm9sm]

Very interesting project and insightful, keep it up

[@noglory7957]

Thanks you . This helps a lot for a complete beginner like me

[@itzpradip]

Happy to help

[@vishnuprabhakaran8278]

Can you please share the theme of the VS code

[@ayoubkhan1500]

Very amazing explaination dear. thank you

[@user-ty1kq1ns9q]

which color theme is used here? answer plsss

[@sameer.creates]

did you made that intro in blender or some 3d software?

[@prabhneetsingh7485]

Awesome video!

[@paisita92hd42]

Thank you so much for the tutorial

[@Astuces_Info]

is it possible to use this code to create app and publish it ??

[@WinnerSingh]

Can you make an app which shows reservation form with date and time.

[@navrajkaur4141]

Thanks ur way of teach is amazing

[@lizcodes123]

Beautiful 😻 thank you 🙏

[@durgeshkolli63]

Where i can find source code for better understand the logic

[@buraxta_]

It was amazing thanks for the video 🎉

[@johnmartin9329]

have you work all of this with Database

[@duniyatv3204]

Thankx sir❤

[@user-kt6fx1jy8e]

What about the dashboard part and the profile part?

[@user-gg2if5yy8v]

siris app k andr agr hum task add krty hain to vo app exit krny k baad delete ho jaty hain khud hi. main chahti hon k yeh task andr available rhy list main aur app ko exit krny k baad delete na ho khud plzzz reply

[@studentoftezpuruniversitym564]

sir can you build same app using backend laravel API

[@devstoriespod]

Great work bro 👌

[@creationtechz7408]

How To Add Shared Prefernces In this project?

[@bipinbharti6540]

very awesome video sir. Very easily you have described all things. Note: Please sir can you do it slowly for better understanding.

[@MAX-ox3xh]

That's so nice.. Do you have tutorial same as that with sqlite.

[@muhendis_]

thank you very much

[@Mohammed-m96]

Thinks for your video❤

[@harshitsingh1174]

Hey I'm a windows user can you please tell me how to run this application

[@hatimvasan6103]

Is it with firebase database

[@kumailraza260]

Thanks a lot 😊

[@Amjad_Sajjad329]

Very nice video from Pakistan.

[@therealhecker]

how to add edit option

[@MuhammadBilal-cq6tp]

Good content

[@s4llman]

i give "TextDecoration.lineThrough" but the result there is no linethrough

[@florinlica4986]

i could not do the search function ....

[@SandipJadhav-ic8fc]

Все отлично и просто показано, у меня пошагово получилось

[@Inline.development]

in home page for icon in title why are u use the row instead of drawer

[@scottturcotte3162]

Nice job, but how do we incorporate a Firebase Database into the list as opposed to a static list pulled from the model? I have the app writing the items to a Firebase DB that I created, but I can't get the app to read that data. I know it's because of the static list from the model but can't figure out next steps.

[@ao24hd34]

did you solve this problem?

[@scottturcotte3162]

No, unfortunately I did not. I have experience incorporating FBDB into apps, but this one got me. @@ao24hd34

[@MaxProgramming]

Is it a coincidence that you're using the same Cobalt2 theme by WesBos like me 😂

[@plkingori2013]

an app FOR A SPORT SELECTUIB APP PLEASE

[@emmaprofemx]

Excelent project , but you should do that the button do not add the item if the textField is null. But is an excellent project!! :D

[@godgiver100]

Absolutely

[@2tahosan]

Nice sir

[@gautambedi591]

Very nice tutorial however naming can be bit better as it create lots of confusion. In the middle there is so much todo going on it gets little bit hard to follow. Otherwise great effort mate:)

[@mohamedmahmouddjeba]

Thanks

[@user-xf1lp1rz4b]

Thank you

[@raymans8244]

Please do a video for react native

[@abrorshamuradov1572]

u da best

[@dey-nohden4314]

Nice

[@memostartup281]

Sir please also make video on react native video

[@kartikeyshukla4862]

nice video sir..

[@groaxx]

Great tutorial! But can you please remove the 'code helper'? I cant read what you type :D

[@user-oi2zr2ir1j]

good job

[@heracy]

thank you so much! flutter start with it!

[@SIT-IbiAfridi]

firebase?

[@smarttechinfo4512]

দাদা, react native এ আরেকটা প্রজেক্ট নিয়ে আসলে ভালো হয়।

[@TutulPortal]

Great Tutorial Brother. I have created as same as you shown in the tutorial and that was pretty much fun for me. One more thing I want to say how can I store newly added item to a storage or something. Because whenever I will exit from my app this app will run from beginning. So that's the problem. Please let me know or suggest me any kind of video or reference to learn that. BTW, Thanks for sharing this kind of tutorial❤❤❤❤

[@amrmusharrafa4914]

I think then you should add to this app local storage feature by writing Dart functionality code for it

[@daysvi9187]

nice video

[@soldieRplays]

great video.. but can you also show how to store the data on local storage :) new to this

[@rushikeshpetkar7328]

Do you know how to store data

[@faisalfotoh1909]

please add stateManageMent

[@koustubhdave5359]

Sir you didn't show concept of storage 😢.

[@3lisonckobby642]

add the edit bottom

[@thedailyback-upreminder8049]

I get erorr

[@MohammedKelani]

Thanks you Bro, but what about when click on add button where text field is empry!!!!!!!!!!!!!!!!!!!

[@PRAKASH-tm6fs]

Yes bro Mee to

[@Islamicvideow2024]

Yeaaaahh Me too Pls tell me if u fixed it and also i will tell you if i fixed it

[@Islamicvideow2024]

Bro i fixed it I write the textediting controler inside textfield of search bar but you have to write the controller inside the add item textfield I hope It helped

[@kunal1274]

can u do one video on flutter CRUD operation with rest api .This i need urgently

[@Muzamilnizam7]

great video to the point and clear

[@steve_wojo3]

Wow I am in Uganda and I wish you would send me your code and I follow up 😅