Firestore for the To-Do App | Build a Flutter To-Do App visually with Nowa and Firebase
In this tutorial, we will complete the To-Do app that we have been building this series with Firestore.
This is a full To-Do app that we built using Firebase and Nowa without the need to write any code ;)
In this video, we will see how to pick the right database schema, build the collection, design the queries to fetch, add, delete, and update a task, and connect all of that to a stunning UI.
We used Firebase Auth first to offer Email and Google Sign in, and used Firestore to store the tasks for each user.
You can then download the full flutter code, or deploy the app to the App store, Play Store, or web and let people use your own To-Do App 🥳
Sections:
00:00 Intro
01:45 Create Firestore Database
03:12 Compare different Schema designs
11:35 Create the collections Users and Todos
13:34 Get all tasks query implementation
21:08 Add task query implementation
26:58 Update task query implementation
31:02 Connect Firebase to the UI
53:11 Implement the Dialog of adding a task
01:06:02 Testing on the iOS simulator
01:07:03 Deleting a task
01:09:27 Testing on the iOS simulator
01:10:24 Enable Auto focus for adding a task
01:11:08 Modify the Get tasks query to show only non-completed tasks
Check out the other videos on Firebase:
Setting up a Firebase project and connecting it to your Nowa app: • Setting up Firebase project | Build To-Do ...
Adding Form validation to validate user input: • Input Validation | Build a Flutter To-Do A...
Building a full Email & Password authentication system (Sign In, Sign Up, Sign out, Verify Email, and Reset Password): • Firebase Email Auth | Build Authentication...
Firebase full tutorial: • Firestore Full Tutorial | Build a Flutter ...
Firebase full playlist: • Firebase with Nowa
👉 Sign up and use Nowa for free!: https://nowa.dev/
💫 Nowa is the first app-building studio designed for building Professional apps! Visually build apps with Stunning UI and advanced logic that are production-ready! with clean and optimized generated code for performance readability, and further scaling with code.
💫 Upgrade your Flutter building game, be more creative, and build powerful apps without limiting or downgrading the final quality of your app.
Comment below and tell us what you think! 🚀
👋 Come and join our official community here: https://community.nowa.dev/
👋 Join our Discord Community: / discord
🔗 Nowa on Twitter: / nowa_dev
🔗 Nowa on Instagram: / nowa.dev
#flutter #fluttertutorial #firestore #todo #firebase #mobileappdevelopment #flutterdev #flutterwidgets #AppDevelopment #VisualDevelopment #MobileApp