Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
17 Hour(s) 43 Minute(s)
Language
English
Taught by
Abhishek singh
Rating
4 views
Course Overview
MERN Stack Ecommerce App using React Native, Node.Js, Express.Js, MongoDB, and Redux Toolkit
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 Content
- 10 section(s)
- 126 lecture(s)
- Section 1 Introduction
- Section 2 React Native Basics
- Section 3 Building Home Screen
- Section 4 Product Details Screen
- Section 5 Building Cart Screen
- Section 6 Authentication UI
- Section 7 Profile Routes UI
- Section 8 Building Orders Screen
- Section 9 Building Admin Routes UI
- Section 10 Building Camera Screen
What You’ll 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
Skills covered in this course
Reviews
-
SSandeep hs
Great Course.. well designed.. a complete guide to learn.. Thanks a ton the screen pace is a bit fast at times..
-
RRyan Daniels
Overall the course is very good, you will go through front-end React Native, back-end Express and Mongo and then go back to the front end using Redux. It covers a whole e-commerce app and everything is free to use including the 3rd party services. Pros: There are some good coding standards in use especially with the use of error middleware in Express, reusable components and utility hooks. The course is at a fairly fast pace but he makes sure to try and explain pretty much everything he is doing and provides repo. The course is pretty much new (atm), I didn't come across anything outdated apart from a few libraries but the code was the same. Previous courses I have taken may focus on building mini projects but by the end of this course, you would have built a e-commerce app with a lot of exploration to put your own stamp on it inc. authentication, profile, products, orders, payment, administration etc. You can see the preview video before the course and that is exactly what you will build. Cons: As the course goes on, the good coding practices lose some consistency, you will find yourself duplicating a lot of code within redux reducers and actions. Its a good start if you have never touched redux or little experience, but my advice would be to refactor the redux logic into something like RTK Query or React Query with slices. Your code will look a lot cleaner especially when dealing with toast messages, cache and loading. Other Points: You will cover a lot of markup, styling and programming, if you are completely new to any of this, you may want to take some prior courses before jumping to this one, especially if you have no exposure to JS Library like React, Vue etc. But I guess you could get by from simply copying the code but it will probably be overwhelming. Overall, a very good course and tutor; I would recommended this course for anyone wanting to learn MERN Stack with React Native. I myself, have learnt a great deal with this course with no regrets on purchasing it.
-
MMahadevan S
This is a great tutorial on how to use react native and Mongodb together to create a functioning app.
-
SSachin Kumar
In conclusion, this MERN stack course is a stellar resource for anyone looking to master full-stack development with MongoDB, Express.js, React.js, and Node.js. The well-structured curriculum, hands-on approach, commitment to staying current, and supportive community make it a standout choice in the realm of online learning. I wholeheartedly recommend this course to anyone serious about advancing their skills. I have also followed his MERN stack course on youtube as well.
