Firestore Full Tutorial | Build a Flutter e-commerce app to sell shoes using Nowa and Firebase

Votre vidéo commence dans 10
Passer (5)
cash machine v4

Merci ! Partagez avec vos amis !

Vous avez aimé cette vidéo, merci de votre vote !

Ajoutées by
15 Vues
Let's learn how to use the full power of Firestore inside Nowa to display data from the database, perform advanced queries on them, stream data that updates live, and add data to the database.

During the tutorial, we will build an e-commerce app that uses Firestore to display some products (Football shoe store).

Sections:

00:00 - Setting Up Firestore Prerequisites
02:00 - Creating the Firestore Database
05:20 - Populating the Database with Product Data
07:45 - Adding the "Products" Collection Model in Nowa
10:51 - Querying All Products from the Collection
13:36 - Testing Firestore Queries
14:12 - Building the App Layout
14:44 - Setting Up the GridView Widget
15:45 - Using Data Builder to Inject Query into UI
17:12 - Connecting Firestore Data to GridView
20:17 - Creating a "Product" Parameter in the Card Component
24:15 - Passing Items from GridView to the Component with "Element" Variable
26:56 - Wrapping Up Firestore Integration with UI
28:40 - Previewing Product Display in the App
29:00 - Creating a Query to Filter Products by Price
36:58 - Live Updating the List with a "Stream" Query
39:30 - Enabling Product Addition from the App with an "Add" Query

Check out the other videos on Firebase:
- Setting up a Firebase project and connecting it to your Nowa app: https://youtu.be/ko_f9aDZwMg
- Adding Form validation to validate user input: https://youtu.be/Spa8d6e8BQ4
- Building a full Email & Password authentication system (Sign In, Sign Up, Sign out, Verify Email, and Reset Password): https://youtu.be/N_Rqrbp8yMQ
- Firebase full playlist: https://youtube.com/playlist?list=PLVhnHv8Cdhz-ymSW3mSG1ciO1HQeIfAEo&si=05HNNP8L8VDi8EH-

???? 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: https://discord.gg/ByKfn3H7gX
???? Nowa on Twitter: https://twitter.com/nowa_dev
???? Nowa on Instagram: https://www.instagram.com/nowa.dev/

#flutter #fluttertutorial #firestore #firebase #mobileappdevelopment #flutterdev #flutterwidgets #AppDevelopment #VisualDevelopment #MobileApp
Catégories
E commerce Divers

Ajouter un commentaire

Connectez-vous ou inscrivez-vous pour poster un commentaire.

Commentaires

Soyez le premier à commenter cette vidéo.