• Post category:StudyBullet-8
  • Reading time:8 mins read


Build a Full Stack Amazon Clone with Admin Panel using Flutter, Nodejs, Express & MongoDB

What you will learn

Flutter + Nodejs

In depth about MongoDB

Javascript Basics

Building Amazon Clone with Admin Panel

Description

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


Get Instant Notification of New Courses on our Telegram channel.


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)
English
language

Content

Introduction

Introduction

Flutter Setup

Setting Up The Flutter Project
Setting Up Themes
Folder Structure
Setting Up Routes
Auth Screen UI

Node.js Basics

What is Nodejs
Nodejs Installation
Initialising Node
First Nodejs Script
NPM & Dependencies
Creating Server
Nodemon
Create your First API
Exercise 1: Create GET API
Solution 1
Routers
Middleware

Authentication

Sign up Route
Connecting to MongoDB
Creating User Model
Sign up Route cntd
Connecting Sign Up Route With Client Side
Adding TextField & Form Validator
Sign In Route / Exercise 2
Creating Sign In Route (Solution 2)
Connecting Sign In Route with Client Side
Persisting State

Client Side Main Screen UI

Creating BottomNavBar
Account Screen UI
Home Screen UI

Admin Panel

Admin Screen BottomNavBar
Add Product Screen UI
Picking Images
Admin – Selling Product
Exercise: Create Admin Middleware
Solution
Sell Product Contd.
Fetching & Displaying All Products
Deleting Product
) Self Exercise (Add Product Realtime)

Client Side – Products

Searching & Displaying Products
Optional Exercise (Creating Search Product API)
Product Details Screen UI
Rating Products
Rating Product API / Exercise
Solution
Display Ratings
Fetch Deal of The Day (Optional Exercise)

Cart

Adding To Cart
Displaying Cart Products
Decreasing Quantity in Cart

Ordering & Order Details

Address Screen
Adding GPay/ Apple Pay
Storing User Address & Ordering
Viewing My Orders
Viewing Order Details

Admin Panel 2

Viewing All Orders
Change Order Status
Total & Category-Wise Earnings
Display Sales Chart

Log Out

Log Out

Deployment & Testing on Android

Deployment to Heroku
Testing on Android Device

Flutter 3

(Bonus) Flutter 3 (Everything Works!)
Material 3

Conclusion

Conclusion