MERN Stack E-Commerce App using React Native Redux Toolkit

MERN Stack E-Commerce App using React Native & Redux Toolkit, available at $84.99, has an average rating of 3.7, with 126 lectures, based on 183 reviews, and has 2236 subscribers.

You will learn about 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 This course is ideal for individuals who are Web Developers who want to build a powerful mobile app It is particularly useful for Web Developers who want to build a powerful mobile app.

Enroll now: MERN Stack E-Commerce App using React Native & Redux Toolkit

Summary

Title: MERN Stack E-Commerce App using React Native & Redux Toolkit

Price: $84.99

Average Rating: 3.7

Number of Lectures: 126

Number of Published Lectures: 126

Number of Curriculum Items: 127

Number of Published Curriculum Objects: 127

Original Price: ?7,900

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

Web Developers who want to build a powerful mobile app

Target Audiences

Web Developers who want to build a powerful mobile app

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: App Demo

Chapter 2: React Native Basics

Lecture 1: Course Guide

Lecture 2: Source Code

Lecture 3: Installing the App

Lecture 4: React Native Basics

Lecture 5: Navigation Setup

Lecture 6: Basic Styling

Chapter 3: Building Home Screen

Lecture 1: Creating Home Screen

Lecture 2: Header Component

Lecture 3: Search Button

Lecture 4: Categories Component

Lecture 5: Search Component

Lecture 6: Product Card Component

Lecture 7: Creating Footer

Chapter 4: Product Details Screen

Lecture 1: Creating Carousel

Lecture 2: Designing Product Details Layout

Lecture 3: Add to Cart Button

Lecture 4: Toast Message

Chapter 5: Building Cart Screen

Lecture 1: Cart Heading

Lecture 2: Cart Layout

Lecture 3: Cart Item Component

Lecture 4: Checkout Handler

Lecture 5: Confirm Order Screen

Lecture 6: Confirm Order Item Component

Lecture 7: Payment Screen

Chapter 6: Authentication UI

Lecture 1: Building Login Screen

Lecture 2: Forget Password Screen

Lecture 3: Sign-up Screen

Chapter 7: Profile Routes UI

Lecture 1: Building Profile Screen

Lecture 2: Button Box Component

Lecture 3: Loader Component

Lecture 4: Profile Navigation Handler

Lecture 5: Edit Profile UI

Lecture 6: Change Password Screen

Chapter 8: Building Orders Screen

Lecture 1: Creating Orders Screen

Lecture 2: Order Item Component

Chapter 9: Building Admin Routes UI

Lecture 1: Creating Admin Panel

Lecture 2: Product List Item Component

Lecture 3: Creating Chart in React Native

Lecture 4: Admin Navigation Handler

Lecture 5: Building Manage Category Screen

Lecture 6: Admin Orders Screen

Lecture 7: Update Product UI

Lecture 8: New Product Screen

Lecture 9: Manage Product Images

Chapter 10: Building Camera Screen

Lecture 1: Creating Camera Screen & Accessing Gallery Photos

Lecture 2: Capture Image Using Camera

Lecture 3: Using Camera in Actual Phone

Chapter 11: Backend Setup

Lecture 1: Setting Up Backend

Lecture 2: Creating First Route

Lecture 3: Setting Up Database

Lecture 4: Connecting To Atlas Cloud

Chapter 12: Creating User Backend

Lecture 1: Creating User Schema

Lecture 2: Post Man for API Testing

Lecture 3: Register User API

Lecture 4: Login & Hashing Password

Chapter 13: Error Handling

Lecture 1: Error Handler Middleware

Lecture 2: Async Error Handler

Chapter 14: Backend Authentication

Lecture 1: Implementing JWT

Lecture 2: Saving JWT in Cookie

Lecture 3: Authentic Middleware

Lecture 4: Get My Profile

Lecture 5: Cookie Options

Lecture 6: Logout API

Chapter 15: Update Profile Routes

Lecture 1: Update Profile & Change Password API

Chapter 16: Image Upload API

Lecture 1: Setting Up Multer

Lecture 2: Uploading On Cloudinary

Lecture 3: Update Profile Pic API

Chapter 17: Resetting Password API

Lecture 1: Forget Password API

Lecture 2: Sending Email API

Lecture 3: Reset Password API

Chapter 18: Product Backend

Lecture 1: Creating Product Schema

Lecture 2: Get Product APIs

Lecture 3: Create New Product API

Lecture 4: Update Product & Add Images

Lecture 5: Delete Product & Images

Chapter 19: Category Backend

Lecture 1: Add, Get, Delete Category API

Chapter 20: Admin Middleware

Lecture 1: Admin Middleware

Chapter 21: Search & Filter Product

Instructors

Abhishek singh
Instructor | Developer

Rating Distribution

1 stars: 3 votes

2 stars: 2 votes

3 stars: 8 votes

4 stars: 58 votes

5 stars: 112 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!