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!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024