MERN Stack E-Commerce Mobile App with React Native [2023]

MERN Stack E-Commerce Mobile App with React Native [2023], available at $74.99, has an average rating of 4.38, with 206 lectures, based on 1110 reviews, and has 20222 subscribers.

You will learn about Build a Great eCommerce Mobile Application with React Native, Redux, Node, Express & MongoDB Develop cross-platform (iOS and Android) mobile apps without knowing Swift, ObjectiveC or Java/ Android An actual real-world project built in a linear and progressive manner Great Division of the course so you can pick up FullStack, Frontend or Backend Admin area to manage customers, products & orders from mobile phone! Product search, carousel & more Learn NodeJS API (Backend) Development Learn to Implement Authentication based on JWT Understand the terminology and concepts of Redux Get up to speed with React design principles and methodologies Make truly reusable components that look great Discover mobile design patterns used by experienced engineers This course is ideal for individuals who are Full stack, Forntend or Backend web developers that want to learn MERN by building a real-world app It is particularly useful for Full stack, Forntend or Backend web developers that want to learn MERN by building a real-world app.

Enroll now: MERN Stack E-Commerce Mobile App with React Native [2023]

Summary

Title: MERN Stack E-Commerce Mobile App with React Native [2023]

Price: $74.99

Average Rating: 4.38

Number of Lectures: 206

Number of Published Lectures: 206

Number of Curriculum Items: 209

Number of Published Curriculum Objects: 209

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Build a Great eCommerce Mobile Application with React Native, Redux, Node, Express & MongoDB

Develop cross-platform (iOS and Android) mobile apps without knowing Swift, ObjectiveC or Java/ Android

An actual real-world project built in a linear and progressive manner

Great Division of the course so you can pick up FullStack, Frontend or Backend

Admin area to manage customers, products & orders from mobile phone!

Product search, carousel & more

Learn NodeJS API (Backend) Development

Learn to Implement Authentication based on JWT

Understand the terminology and concepts of Redux

Get up to speed with React design principles and methodologies

Make truly reusable components that look great

Discover mobile design patterns used by experienced engineers

Who Should Attend

Full stack, Forntend or Backend web developers that want to learn MERN by building a real-world app

Target Audiences

Full stack, Forntend or Backend web developers that want to learn MERN by building a real-world app

Building cross-platform mobile apps has become less time consuming and more effective with one of the most popular frameworks, React Native.

This is not a reading documentation course. You have here a real-world project to learn from, and you will see the exact place of every feature of every technology used in this course.

You will learn how to build a Mobile Application for iOS and Android with MERN stack using React Native.

In this course you will learn to use technologies like:

– React Native

– NodeJs

– Express

– MongoDB

– Redux

– Context API

– React Navigation

– Styled Components

– And Native Base

You will learn the basics of building React Native apps. First, you will discover how to set up your environment in record time, including how to debug and run your app on your phone. Then, you will explore the React Native component library and how to style your layouts for a great feel. Finally, you will delve into how to call an HTTP API from your app.

When you’re finished with this course, you will have the basic skills and knowledge of React Native needed to tackle profitable, cross-platform mobile projects without learning at least two new programming languages.

Also, this course is a perfect to the concepts of server-side web development. You’ll learn the different parts that make up the back-end of a website or web application, and you’ll gain familiarity with the Node.js runtime environment. After this course, you’ll be set up to explore popular Node frameworks like Express.js to build great API’s.

You learn in this course how to use mongoDb without any installing extra tools, MongoDB is now on cloud, so you will store your database in safe place!

The main features:

Full featured shopping cart

Top products carousel

Product pagination

Product search feature

User profile with orders

Admin product management

Admin user management

Admin Order details page

Changing the orders states (shipped, delivered ..)

Checkout process (shipping, payment method, etc)

Using Database in the cloud

and much more

And not only this, you will have optional tasks to do and we can review them for you! Just pick up one task from the board and create the pull request to get the review, to be like in a real world experience!

After this course you will have a full working e-commerce iOS and Android App that you can use or add to your portfolio.

Course Curriculum

Chapter 1: Welcome to the course

Lecture 1: What are we going to build?

Lecture 2: What is MERN Stack?

Lecture 3: How to Get the Most of This Course

Lecture 4: How to use this course

Lecture 5: If you get stuck and Errors

Lecture 6: Course Outlines

Chapter 2: Tools and Environment

Lecture 1: Installing NodeJs

Lecture 2: Installing Expo

Lecture 3: Installing and running Android Studio

Lecture 4: Installing and running iOS Simulator

Lecture 5: Installing our Coding Editor (IDE)

Lecture 6: Installing PostMan to Test our APIs

Lecture 7: Configure MongoDB Atlas

Chapter 3: Working with Backend

Lecture 1: Introduction

Lecture 2: Overview to our RESTful API

Lecture 3: File Structure

Lecture 4: Creating the Backend Server with Express

Lecture 5: Reading Environment Variables

Lecture 6: Create First API Call & Parsing Json Data

Lecture 7: Important note about parsing json data

Lecture 8: Logging API Requests

Lecture 9: Installing Mongoose and Connect to MongoDB Database

Lecture 10: Read/Write Data to Database Using API

Lecture 11: Analysing the E-Shop Database

Lecture 12: Create Backend API Routes & Schemas

Lecture 13: Enabling CORS & Why Do We Need It?

Chapter 4: Backend: Products & Categories

Lecture 1: Introduction

Lecture 2: Products Model & Scheme

Lecture 3: Categories Model & Scheme

Lecture 4: Add and Delete Categories

Lecture 5: Get Categories and Category Details

Lecture 6: Update Category

Lecture 7: Post a New Product REST API

Lecture 8: Get a Product & List of Products REST API

Lecture 9: Population of Category in Get a Product API

Lecture 10: Update a Product REST API

Lecture 11: Delete a Product REST API and Validate Id

Lecture 12: Get Products Count for Statistics Purposes

Lecture 13: Get Featured Products REST API

Lecture 14: Filtering and Getting Products by Category

Lecture 15: Changing _id key to id – more frontend friendly

Lecture 16: Section Code

Chapter 5: Backend : Users & Authentication

Lecture 1: Introduction

Lecture 2: User Models and Schemas

Lecture 3: Post/Register a New User REST API

Lecture 4: Hashing the User Password

Lecture 5: Get User and List of Users Excluding Password

Lecture 6: Login a User REST API & Creating a Token

Lecture 7: Protecting the API and Authentication JWT Middleware

Lecture 8: Authentication Error Handling

Lecture 9: Excluding REST API Routes From Authentication

Lecture 10: Add More Secret User Information to Token

Lecture 11: Users & Admins – User Role

Lecture 12: Get User Count REST API

Lecture 13: Section Code

Chapter 6: Backend: Orders

Lecture 1: Introduction

Lecture 2: Orders & Order-Items Model & Scheme

Lecture 3: Array of Refs – Example of Link Order to Order Items to Products

Lecture 4: New Order & Create Order Items on Posting New Order

Lecture 5: Get Order Detail and Populate Products in Order Items and User Data

Lecture 6: Update Order Status & Delete Order

Lecture 7: Explaining the Solution

Lecture 8: Calculating Total Price of one Order

Lecture 9: Get Total E-Shop Sales using $sum

Lecture 10: Get User Orders

Lecture 11: Section Code

Chapter 7: Backend: Product Image & Gallery Upload

Lecture 1: Introduction

Lecture 2: Configure Server Side Upload

Lecture 3: Testing Image Upload with Postman

Lecture 4: Validating Uploaded File Types

Lecture 5: Image Upload With Product Post Request

Lecture 6: Image Upload With Product PUT Request

Lecture 7: Product Gallery Multiple Images Upload

Lecture 8: Excluding Uploads Folder From Authentication

Lecture 9: Section Code

Chapter 8: React Native Fundamentals: Todo List

Lecture 1: React Native Fundamentals

Lecture 2: Project Setup and Folder Structure

Lecture 3: Components

Lecture 4: State

Lecture 5: Props

Lecture 6: Style

Lecture 7: ScrollView and TextInput

Lecture 8: Add Item

Lecture 9: Delete Item

Lecture 10: Expo Menu

Lecture 11: Section Code

Chapter 9: Easy Shop: Products

Lecture 1: Intro and Folder Structure

Lecture 2: FlatList Products

Lecture 3: Product List

Lecture 4: Product Card

Instructors

Tiago Pereira
Full Stack Web and Mobile Developer

Laila Sermon
Content Manager, Developer, Designer

Rating Distribution

1 stars: 41 votes

2 stars: 25 votes

3 stars: 108 votes

4 stars: 308 votes

5 stars: 627 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!