Flutter & Node Tutorial: Build Amazon Clone with Admin Panel

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

4.85 (66 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
1,503
students
11.5 hours
content
May 2022
last update
$69.99
regular price

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

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)

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

Screenshots

Flutter & Node Tutorial: Build Amazon Clone with Admin Panel - Screenshot_01Flutter & Node Tutorial: Build Amazon Clone with Admin Panel - Screenshot_02Flutter & Node Tutorial: Build Amazon Clone with Admin Panel - Screenshot_03Flutter & Node Tutorial: Build Amazon Clone with Admin Panel - Screenshot_04

Reviews

Abel
December 4, 2022
dynamic course -> 5 of 5 not boring -> 5 of 5. practical -> 5 of 5 learn to develop anything like a real pro 100 of 5 :)
usman
June 24, 2022
This is what i am waiting for long time. flutter plus nodejs . Thank you Rivaan Ranawat. you are the best.

Coupons

DateDiscountStatus
6/24/2022100% OFF
expired

Charts

Price

Flutter & Node Tutorial: Build Amazon Clone with Admin Panel - Price chart

Rating

Flutter & Node Tutorial: Build Amazon Clone with Admin Panel - Ratings chart

Enrollment distribution

Flutter & Node Tutorial: Build Amazon Clone with Admin Panel - Distribution chart
4701246
udemy ID
5/24/2022
course created date
6/2/2022
course indexed date
Bot
course submited by