HOT
blank

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

Development

Rating4.4
Enroll Now

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 API's

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

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!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024