Mô tả

This course provides in-depth training on building a complete e-commerce mobile application using the MERN (MongoDB, Express, React Native, and Node.js) stack and Redux Toolkit.

The course covers all aspects of e-commerce app development, including frontend, backend, and integration.

In the frontend section, students will learn how to use React Native to create visually appealing cross-platform mobile apps, with a focus on UI design and user experience.

The backend section covers the use of Node.js and Express.js for server-side development, with an emphasis on database management using MongoDB. State management is also covered using Redux Toolkit, which will help students create an efficient and scalable application.

The course also covers performance optimization techniques such as debouncing and throttling, which will help students improve the app's performance and user experience.

In addition, students will learn how to use the camera and gallery on their mobile device to capture images and upload them to Cloudinary for secure storage.

Online payments are integrated using Stripe, a popular payment platform.

In the integration section, students will bring everything together by integrating the deployed server with the app to create a complete and functional e-commerce application.

By the end of the course, students will have a complete understanding of building a complete e-commerce app, from frontend to backend, and will have the skills needed to deploy and maintain a live e-commerce app.

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

Building scalable cross platform application

Creating Custom Hooks

Custom Error Handling

Optimization Technique like Debouncing & Throttling

Creating Admin Dashboard with working Chart

Why Redux Toolkit is better than Redux

Creating APIs and using on a different origin using Cors

JWT Authentication

How to Upload Images on Cloudinary

Building MongoDB Schemas

Protect Admin Specific Routes

Styling in React Native

How to React Native is different from ReactJs

React Native basics

React Native UI Library

Using Camera in React Native

Access Gallery in React Native

Uploading pic from Camera to Cloudinary

Stripe Payment Integration in Backend

Confirming Payment with Stripe and Placing Order

Yêu cầu

  • Basic knowledge of MongoDB, Express, ReactJs, NodeJs and Redux

Nội dung khoá học

34 sections

Introduction

2 lectures
Introduction
03:58
App Demo
07:59

React Native Basics

6 lectures
Course Guide
00:01
Source Code
00:02
Installing the App
08:17
React Native Basics
05:04
Navigation Setup
03:57
Basic Styling
03:58

Building Home Screen

7 lectures
Creating Home Screen
02:41
Header Component
08:25
Search Button
05:24
Categories Component
10:15
Search Component
20:21
Product Card Component
13:28
Creating Footer
13:14

Product Details Screen

4 lectures
Creating Carousel
13:17
Designing Product Details Layout
13:17
Add to Cart Button
03:31
Toast Message
04:25

Building Cart Screen

7 lectures
Cart Heading
07:05
Cart Layout
05:42
Cart Item Component
16:47
Checkout Handler
01:56
Confirm Order Screen
10:16
Confirm Order Item Component
02:57
Payment Screen
14:10

Authentication UI

3 lectures
Building Login Screen
16:09
Forget Password Screen
11:09
Sign-up Screen
13:18

Profile Routes UI

6 lectures
Building Profile Screen
10:50
Button Box Component
08:29
Loader Component
02:43
Profile Navigation Handler
03:27
Edit Profile UI
05:29
Change Password Screen
05:13

Building Orders Screen

2 lectures
Creating Orders Screen
08:41
Order Item Component
19:02

Building Admin Routes UI

9 lectures
Creating Admin Panel
15:39
Product List Item Component
14:58
Creating Chart in React Native
10:50
Admin Navigation Handler
02:17
Building Manage Category Screen
13:03
Admin Orders Screen
05:01
Update Product UI
26:15
New Product Screen
09:13
Manage Product Images
18:20

Building Camera Screen

3 lectures
Creating Camera Screen & Accessing Gallery Photos
25:27
Capture Image Using Camera
07:17
Using Camera in Actual Phone
03:48

Backend Setup

4 lectures
Setting Up Backend
07:03
Creating First Route
05:42
Setting Up Database
05:10
Connecting To Atlas Cloud
05:15

Creating User Backend

4 lectures
Creating User Schema
06:29
Post Man for API Testing
02:57
Register User API
08:03
Login & Hashing Password
11:45

Error Handling

2 lectures
Error Handler Middleware
07:26
Async Error Handler
12:47

Backend Authentication

6 lectures
Implementing JWT
06:46
Saving JWT in Cookie
05:39
Authentic Middleware
08:58
Get My Profile
03:13
Cookie Options
04:00
Logout API
04:07

Update Profile Routes

1 lectures
Update Profile & Change Password API
12:18

Image Upload API

3 lectures
Setting Up Multer
06:21
Uploading On Cloudinary
12:53
Update Profile Pic API
04:00

Resetting Password API

3 lectures
Forget Password API
06:28
Sending Email API
10:44
Reset Password API
06:57

Product Backend

5 lectures
Creating Product Schema
04:11
Get Product APIs
09:06
Create New Product API
06:58
Update Product & Add Images
07:19
Delete Product & Images
11:26

Category Backend

1 lectures
Add, Get, Delete Category API
10:33

Admin Middleware

1 lectures
Admin Middleware
04:10

Search & Filter Product

1 lectures
Search & Filter API
06:42

Order Backend

3 lectures
Creating Order Schema
07:16
Place Order API
15:54
Orders Remaining API
10:03

Stripe Integration Backend

1 lectures
Process Payment API
08:28

Deployment

4 lectures
Correction Before Deployment
01:31
Using Cors in Server
02:27
Deploying Server Method 1
08:46
Deploying Server Method 2
06:23

Integration with Redux

1 lectures
Implementing Redux Toolkit
07:15

User Reducer

7 lectures
Creating User Reducer
06:42
Using Axios In Login Action
11:34
Handling Message & Error
06:50
Creating Custom Hook
06:45
Persisting User Data
09:25
Logout User Action
09:10
Sign Up Handler
15:20

Profile Reducer

5 lectures
Showing Profile Data
04:54
Change Password Handler
15:59
Fixing Update Profile Error
01:30
Update Profile Handler
11:38
Update Profile Picture Handler
06:51

Product Reducer

5 lectures
Creating Product Reducer
04:54
Get Products Action
07:51
useSetCategories Hook
04:31
Search Query Handler
04:50
Fetching Product Details
04:16

Cart Reducer

6 lectures
Creating Cart Reducer
03:19
Fetching Cart Items From Redux
02:25
Add To Cart Handler
14:28
Change Product Quantity In Cart
12:56
Changing The Styling
02:10
Fetching Confirm Order Details
06:38

Payment Handler

3 lectures
Place Order Handler
03:07
Placing Order With COD
15:08
Implement Stripe Payment Method
17:35

Fetching Orders

3 lectures
Creating useGetOrders Hook
03:58
Fetching Orders
05:40
Process Order Handler
05:50

Admin Handlers

6 lectures
Fetching Admin Products
06:39
Add & Delete Category Handler
12:07
New Product Handler
14:55
Update Product Handler
21:37
Manage Product Images Handler
11:29
Delete Product Handler
09:30

Reset Password Handler

1 lectures
Resetting Password
10:23

The End

2 lectures
Good Bye
00:13
Add more features
1 question

Đá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.