
Set up routing with navigator and named routes to navigate between pages efficiently. Implement onGenerateRoute with static route names and a custom 404 screen for unknown paths.
Learn what Node.js is and why to use it, as JavaScript runs on servers with the V8 engine powering Node.js, offering speed, production use, and built-in libraries and objects.
Initialize node in your flutter and node project by creating a folder, opening an integrated terminal, and running npm init to generate package.json.
Write your first node script, name the entry file index.js, and run node to print hello world. See that node is a JavaScript environment, not a programming language.
Explore how middleware sits between client and server to manipulate data and enforce a format in a Node.js application, then set up signup and login functionality.
Implement a sign up route in a Node.js app with Mongoose, check for existing users by email using findOne, and hash passwords with beaker before saving.
Create a reusable bottom navigation bar in Flutter, manage the current index and colors, and navigate between home, cart with a badge, and account screens.
Create an account screen UI in Flutter with a gradient app bar, Amazon logo and icons, a provider-based greeting, and a scrollable orders list built from reusable product widgets.
Design an admin screen with a bottom navigation bar to switch between analytics, orders, and home, then implement a diamond feature and product posting via a floating action button.
Create an add product UI in Flutter for an amazon clone, including a dotted border panel, image area, name, description, price, quantity fields, and category dropdown.
Work through an exercise to create admin middleware by retrieving a user by ID and verifying if the type is Ironman.
Fetches all products via a protected get request, decodes JSON into product models, and displays them in a loading-aware UI with a grid of product cards for admin-enabled viewing.
Create a search feature in a Flutter app, wiring a text field to submit queries. Navigate to a results screen that calls /api/products/search?query= and displays fetched products.
Implement a rating update flow by extracting user id and rating, removing any existing user rating, adding the new rating, saving the product, and updating the product details UI.
Show how to display and compute product ratings in a Flutter Amazon clone, creating a rating model with JSON serialization, mapping ratings, calculating average, and rendering star UI.
Implement an add to cart flow by extending the user model with a cart array of products and quantities. Wire a post request and provider updates to reflect cart changes.
This is Flutter E-Commerce App with a Backend. This Shopping App uses Javascript, Node, Express, MongoDB, and Mongoose and is designed for beginners. This 12-hour course also covers Migration to Flutter 3 and a preview of the app with Material 3! This Flutter project covers the complete UI of Amazon including features like auth with email/password, cart, searching products, fetching them based on category, rating them, fetching deal of the day, checking out using GPay/Apple Pay, viewing the orders, the details of the order along with their status which can be changed from the admin panel, view total sales and graph of sales based on category.
In this course, you'll learn to build the UI of Amazon from scratch, create REST APIs using Node, store data in MongoDB using Mongoose, use REST APIs with Flutter & Dart using Models, use the Flutter State Management tool as Provider and create a cross-platform app that works on Android and iOS.
Server: Node.js, Express, Mongoose, MongoDB, Cloudinary
Client: Flutter, Provider
Features:
Email & Password Authentication
Persisting Auth State
Searching Products
Filtering Products (Based on Category)
Product Details
Rating
Getting Deal of the Day
Cart
Checking out with Google/Apple Pay
Viewing My Orders
Viewing Order Details & Status
Sign Out
Admin Panel
Viewing All Products
Adding Products
Deleting Products
Viewing Orders
Changing Order Status
Viewing Total Earnings
Viewing Category Based Earnings (on Graph)