Mô tả

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)

Bạn sẽ học được gì

Flutter + Nodejs

In depth about MongoDB

Javascript Basics

Building Amazon Clone with Admin Panel

Yêu cầu

  • Basics of Flutter & Dart
  • No JavaScript knowledge required.

Nội dung khoá học

14 sections

Introduction

1 lectures
Introduction
01:07

Flutter Setup

5 lectures
Setting Up The Flutter Project
04:14
Setting Up Themes
03:34
Folder Structure
01:26
Setting Up Routes
06:26
Auth Screen UI
21:59

Node.js Basics

12 lectures
What is Nodejs
00:55
Nodejs Installation
01:58
Initialising Node
03:14
First Nodejs Script
01:41
NPM & Dependencies
05:37
Creating Server
06:14
Nodemon
03:57
Create your First API
06:12
Exercise 1: Create GET API
00:29
Solution 1
00:47
Routers
07:32
Middleware
03:48

Authentication

10 lectures
Sign up Route
04:54
Connecting to MongoDB
06:46
Creating User Model
09:14
Sign up Route cntd
26:46
Connecting Sign Up Route With Client Side
21:44
Adding TextField & Form Validator
03:41
Sign In Route / Exercise 2
02:26
Creating Sign In Route (Solution 2)
10:45
Connecting Sign In Route with Client Side
16:04
Persisting State
21:10

Client Side Main Screen UI

3 lectures
Creating BottomNavBar
11:20
Account Screen UI
28:06
Home Screen UI
36:56

Admin Panel

10 lectures
Admin Screen BottomNavBar
08:02
Add Product Screen UI
18:42
Picking Images
08:54
Admin - Selling Product
11:20
Exercise: Create Admin Middleware
00:48
Solution
02:15
Sell Product Contd.
16:56
Fetching & Displaying All Products
20:02
Deleting Product
00:34
) Self Exercise (Add Product Realtime)
23:36

Client Side - Products

8 lectures
Searching & Displaying Products
06:40
Optional Exercise (Creating Search Product API)
18:14
Product Details Screen UI
19:45
Rating Products
05:10
Rating Product API / Exercise
00:34
Solution
09:15
Display Ratings
09:33
Fetch Deal of The Day (Optional Exercise)
14:30

Cart

3 lectures
Adding To Cart
26:40
Displaying Cart Products
20:22
Decreasing Quantity in Cart
08:24

Ordering & Order Details

5 lectures
Address Screen
10:19
Adding GPay/ Apple Pay
22:02
Storing User Address & Ordering
23:00
Viewing My Orders
10:11
Viewing Order Details
22:30

Admin Panel 2

4 lectures
Viewing All Orders
09:11
Change Order Status
08:04
Total & Category-Wise Earnings
18:41
Display Sales Chart
05:10

Log Out

1 lectures
Log Out
04:45

Deployment & Testing on Android

2 lectures
Deployment to Heroku
05:26
Testing on Android Device
01:45

Flutter 3

2 lectures
(Bonus) Flutter 3 (Everything Works!)
02:35
Material 3
01:43

Conclusion

1 lectures
Conclusion
00:04

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.