[INTERMEDIATE] Flutter full shop app with Firebase to cover Flutter and Firebase concepts&Stripe payment integration
What you will learn
This Flutter course a complete guide that helps in learning and building a fully functioning Flutter application with Firebase.
Teaching how to write Clean-code and avoid Boilerplate code
This course you how to make new designs and styles for your app
Clear state management in a very detailed manner
Introduce new widgets and how to use them correctly
Description
Course prerequisites:
- Basic knowledge in programming to get started
- Basic knowledge in Flutter
- Concepts are explained clearly. You will always learn what you’re building and why, and then how to do it.
How this course can be of help:
- Gaining more knowledge in Flutter and firebase
- Learn how to make an online shopping application simply
What’s in the course:
- Complex UI done simply
- State management
- Firebase
- Clean-code and avoid Boilerplate code
- Styles for UI
- State Management: setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier
- Navigation
- Dart
- Forms, input handling and validation
- Managing and updating packages
- Databases and Cloud Firestore
- ListViews and multiple UI states
- Firebase Authentication
- Firebase Firestore
- Firebase Storage
- Dart Programming Language – Fundamentals and intermediate topics
- How to understand Flutter Mobile Development by building apps incrementally.
- How to design, build, debug Flutter Android and iOS Apps
- How to get Flutter apps to communicate with a realtime database – Firestore
- How to build robust apps with Flutter
- Flutter AppBar
- Flutter Material Design
- Flutter Row and Column
- Flutter ListView Builder
- Stripe payment gateway
Course structure:
approximately 14 hours of content and updated regally
Requirements:
- Windows application development
- Mac application development
- Access to a computer with an internet connection.
- and you are ready for the journey
- Love learning about applying cutting-edge algorithms to practical cases!
What Should I Expect After this Course?:
- The ability to build a fully functional shopping application with a firebase
- new information regarding Flutter
Note that the course build on windows, so I didn’t have a chance to cover the IOS configurations! But feel free to ask anything about it. I will be there to help.
English
language
Content
Introduction
Who am I? And why this course?
App overview
Clarify something
Get the most benefit of this course
What benefits will you get once you finish this course?
YouTube channel
Flutterer ? Flutter helper kit
Start Coding
Creating a bottom bar
Using custom icons
Working on the user Screen
Creating a title widget in the user screen
Adding switch tile
Adding a sliver app-bar
Adding the floating action button
Adding the dark theme
Saving the dark theme state
Implementing the Empty Cart Screen
Implementing the Full Cart Screen
Continue building the Full Cart screen , build the App Bar and checkout section
Cart design optimization
Building the feed products widget
Implementing the Feed Grid-view
Implementing of the Feed staggered Grid View
Changing FloatingActionButton color and delete extra widgets in the user screen
Changing the icons widget in the user screen
Adding the feed badge
Adding an alignment for the badge (positioned widget)
Start building the home screen, add the backdrop layout
Adding a carousel
Adding a swipper
Creating the category design
Creating the popular items design
Creating the brand inner screen design
Creating the backdrop back-layer design
Implementing the Empty Wishlist design
Implementing the Full Wishlist design
Full code until now
Building the Product details screen
Creating the Product model class
Dynamic data for the products
State management
Why do we need state management?
Creating the products provider
Another way instead of passing data through constructor
Showing the products depending on each category
Finalize the categories
Finishing the brands
Finishing up the popular products
Finishing up the products details screen
Handling view all in the brands
Implementing popular products for the popular brands
Cart state management
Implementing the cart model
Starting with cart provider finishing the total
Creating the add to cart method
using the dependency injection for the cart
Disable the button once the user add to cart
Use the cartAttr provider instead of dependency injection and make it clickable
Allow the user to add to their cart from the popular products
Implementing the plus and minus buttons
Allow the user to delete from his cart and clear all items
show the total ammount
Creating dynamic alert dialog method
Wishlist state management
Wishlist state management
Change popular products heart color once the user add to his wishlist
More UI and improvements
Add a consumer badge for the wishlist and the cart
Add an appBar for the Feeds screen
Make the products dialogs in the feeds screen
Add full functionalities for the products feeds dialog.
Finish the search screen
Start implementing the Landing page
Finish the landing page
Implement the Login screen
Add the submit form method and allow the users to jump from the email to the
Start implementing the signup screen
Implement the top widget in the sign up screen
Allow the user to pick up an image
Allow the user to navigate through the app