
Introduce the Flutter clean architecture approach for building an e-commerce app, highlighting the BLoC pattern and Nodejs integration.
Build a Flutter dashboard UI with a nested bottom navigation via shell root. Include a curved bar, active and idle icons, and placeholders for home, explore, cart, wishlist, and profile.
Learn to implement a theme toggle in a Flutter app using a cached theme mode and a value notifier, with animated switcher and icons for system, light, and dark modes.
Hooking the dashboard_drawer to interface adapters demonstrates wiring the current user through the auth user qubit, bloc, and providers, and rendering a payment profile within a web view.
Merge categories into the products feature, forming a unified product domain with category and product entities and repository interfaces guided by use cases for server to UI data flow.
Create the data layer by converting entities to models and implementing category and product models. Test models and data layer components while wiring up remote data sources and repositories.
Build a products interface adapter with bloc in clean architecture, linking presentation, domain, and data layers via dependency injection and use cases, and manage states for loading, success, and error.
Learn how dependency injection and dependency inversion decouple the product qubit from repositories and data sources, using a service locator and factory patterns to create instances for user interface components.
Design and implement the home view ui from scratch, including app bar, ad banner, category, popular products, and new arrivals sections, plus a dynamic color palette and wishlist integration.
Inject the product qubit via a bloc provider into the home view, wiring category and product data with use cases, repositories, and GetIt, handling loading and errors.
Master the wishlist business logic within a flutter clean architecture e-commerce app, building on domain, data, and presentation layers and wiring the user interface via interface adapters.
Develop the application logic for the wishlist feature using bloc within a Flutter clean architecture e-commerce app.
Write the business logic for the cart feature in a Flutter e-commerce app using clean architecture and BLoC, with Node.js integration.
Learn to implement the cart feature logic using bloc within a Flutter clean architecture for an e-commerce app, aligned with a Nodejs backend.
Learn how to plug cart and wishlist adapters into the home view in flutter using multi-block providers and per-section qubits to control loading states and isolate the user interface.
Develop and refine all home view functionalities within a flutter clean architecture e-commerce app, leveraging the bloc pattern.
Create a categorized products view in a Flutter ecommerce app using clean architecture and the BLoC pattern, with Node.js backend integration.
Create the explore view within a flutter clean architecture e-commerce app, leveraging BLoC for state management and Node.js backend integration.
Create the wishlist view in a Flutter e-commerce app using clean architecture and BLoC, with Node.js as the backend stack.
Create the profile view in a flutter clean architecture e-commerce app, applying the bloc pattern to manage user data and UI state with a nodejs backend.
Here will focus on mainly how to integrate BLoC with clean architecture. We will cover the new features of BLoC and above. You will learn how to build a scalable app with Nodejs api.
This is the second part.
Course features
On boarding screen
Beautiful onboarding screen with sales Moto.
Registration screen
Registration with email and phone number and secured password.
Login feature
Secured login verified from front end backend with JWT features.
Reset password
Email verification on reset password with animation and timer.
View products
View products on detail with multiple thumbnails. We have product category of regular products and new arrivals products.
Product rating
Customers can rate product and view rating of others. Bad rating products are not shown for certain users.
Choose product size & color
You must select your product size and color.
Search product based on filter
You may also do custom search by filtering features.
Email sending on confirmation payment
Once you place an order you get cool email to notify that you have placed an order with detail product and order info.
Cart management
Cool cart management features. You may add or remove items. You may also remove multiple items at the same time on long press.
Placing order
Place order with stripe account and choose multiple items in placement.
Search product based on category & subcategory
Click on a category and see all the related products .
Payment profile
Shows where your current order status is.
Light and Dark mode
This app comes in two mode. Dart and light mode which you can change easily from the profile section.
Architecture
Clean architecture with BLoC state management .
Backend is MVC pattern.
Powerful rest api.
Backend is done with Express framework and mongodb.
Cron job on orders
The app system checks for unpaid orders and removes then every 24 hours. This is helpful for database management.
Course requirement
You must have at least 6 months of flutter programming experience to take this course.
Through this course you will master Flutter programming, core Dart features and Javascript Express framework with Mongodb.