Ionic 3 Apps for WooCommerce Build an eCommerce Mobile App

Build an eCommerce Mobile App from start to end using Ionic Framework 3 and WooCommerce using HTML, SCSS and TypeScript.
Ionic 3 Apps for WooCommerce Build an eCommerce Mobile App
File Size :
2.38 GB
Total length :
6h 48m



Samarth Agarwal


Last update




Ionic 3 Apps for WooCommerce Build an eCommerce Mobile App

What you’ll learn

Build Android and iOS Apps with Ionic Framework.
Build and Deploy cross platform hybrid apps.
Build eCommerce Apps with WooCommerce.
Deploy WooCommerce locally and use it as a backend.
Use Ionic Components and Native Features.
Integrate PayPal Payment Gateway in Ionic/Cordova Apps.
Publish an App in the Play Store.
Integrate Push Notifications in Ionic Apps.

Ionic 3 Apps for WooCommerce Build an eCommerce Mobile App


Basic Knowledge of HTML, CSS and JS.
Knowledge of Datatypes and OOP would be a plus.
Introductory knowledge to Ionic 2 or TypeScript would be a plus.
Knowledge of Apps and Mobile Operating Systems
Programming Aptitude and Logical Thinking


Ionic 3 Apps for WooCommerce is a course that will help you understand the basics of the latest version of Ionic Framework, v3, and also walk you through, step by step, to build a complete eCommerce application for Android and iOS using your WooCommerce Store as the back-end. Ionic Framework v2 and v3 are similar, so even if you want to learn Ionic 2, you need the same course.
The eCommerce app that we will build in this course gets the products’ information from the WooCommerce store. You do not need to setup any  extra databases or servers. All you need is just a WooCommerce store, either locally or on a remote server.
Don’t own a WooCommerce Store yet? You will learn how to setup a WooCommerce store for free on your own computer and then use it to build an eCommerce App. You do not need to buy any tool or software. The course uses all open-sourced technologies.
You will build an eCommerce app that will allow the user to browse through the product catalog, search products in a particular product category, add product to their cart and then pay for their orders. The customers can pay using the PayPal payment gateway as well. The users will get Push Notifications every time you publish a new product.
The orders will be received on the WooCommerce and then can be processed further by the shop admin. The app takes care of user authentication and only allows users with valid customer accounts to place orders. The app also allows new customers to sign up for an account.
So why wait? Build a complete eCommerce solution yourself and release your app in the play store whether you need to expand your skills or your business.


Section 1: Introduction

Lecture 1 Course Introduction

Lecture 2 Course Project Files

Section 2: Introduction to Ionic Framework

Lecture 3 Introduction to Ionic Framework

Lecture 4 Installing Node, Ionic and Cordova

Lecture 5 Creating and Running Ionic Apps in Browser

Lecture 6 Running Ionic Apps in Emulator and Device

Section 3: Introduction to WooCommerce and WooCommerce API

Lecture 7 Introduction to WooCommerce

Lecture 8 Setting Up WooCommerce Locally

Lecture 9 Introduction to WooCommerce API

Section 4: Getting Started

Lecture 10 Creating WooIonic: An Ionic 3 eCommerce App

Lecture 11 Restructuring the App

Section 5: Building App HomePage

Lecture 12 Creating a Slider on Home Page

Lecture 13 Displaying Products on Home Page

Lecture 14 Autoplaying Products Slider

Lecture 15 Product List on Home Page

Lecture 16 Infinite Scrolling on Home Page

Section 6: Product Categories and Menu

Lecture 17 Product Categories in Menu

Lecture 18 Icons and Images in Menu

Lecture 19 Displaying Products by Category

Lecture 20 Infinite Scroll on Category Pages

Lecture 21 Fixing Navigation using ViewChild

Section 7: Product Details Page

Lecture 22 Creating the Product Page

Lecture 23 Product Images, Title and Description

Lecture 24 Displaying Product Specs

Lecture 25 Displaying Product Reviews

Section 8: Building the Cart

Lecture 26 Implementing Cart using Storage

Lecture 27 Creating a Modal for Cart

Lecture 28 Displaying Products in the Cart

Lecture 29 Finalizing Cart

Section 9: The Sign Up and Login

Lecture 30 Creating Signup Page

Lecture 31 Checking Email Validity

Lecture 32 Signing Up New Users

Lecture 33 Creating Login Form

Lecture 34 Logging User using JSON Auth API

Lecture 35 Changing Menu Items Dynamically

Section 10: The Checkout Page

Lecture 36 Navigating to the Checkout Page

Lecture 37 Creating Checkout Form

Lecture 38 Prepopulating the Checkout Form

Lecture 39 Placing the Order

Lecture 40 Displaying Order Confirmation

Section 11: Integrating PayPal in Ionic 3

Lecture 41 Configuring Paypal and Installing Plugins

Lecture 42 Paying via PayPal

Section 12: Integrating Push Notifications using OneSignal

Lecture 43 Setting up Push Notification with OneSignal

Lecture 44 Configuring Push on WordPress

Lecture 45 Customizing Push Notifications on WordPress

Section 13: Publishing the app in Android Play Store

Lecture 46 Building the App for Release

Lecture 47 Submitting the App to Play Store

Section 14: Additional Features for WooIonic: The Product Search

Lecture 48 Building Search Feature Part 01

Lecture 49 Building Search Feature Part 02

Lecture 50 Building Search Feature Part 03

Section 15: Additional Features for WooIonic: Ionic Lazy Loading

Lecture 51 Ionic Lazy Loading Part 01

Lecture 52 Ionic Lazy Loading Part 02

Section 16: Additional Features for WooIonic: Improving the Cart Functionality

Lecture 53 Improving the Cart Functionality Part 01

Lecture 54 Improving the Cart Functionality Part 02

Section 17: Additional Features for WooIonic: Using Providers in Ionic

Lecture 55 Introduction to Providers

Lecture 56 Creating a Provider in Ionic

Lecture 57 Using the Provider in Ionic Pages

Section 18: Additional Features for WooIonic: Variable Products

Lecture 58 Legacy V3 VS REST API V2

Lecture 59 Switching to V2 API

Lecture 60 Creating UI for Selecting Options

Lecture 61 Checking for Matching Variations – 1

Lecture 62 Checking for Matching Variations – 2

Lecture 63 Add to Cart for Variations

Lecture 64 Updating the Cart Page

Lecture 65 Updating the Checkout Page

Students and Professionals willing to build Apps.,Web Devs who are willing to expand their skills.,Professionals who have web skills and want to build mobile apps.,Students, Individuals, Devs who want to learn to build eCommerce Apps..,Devs who wish to save time by building Hybrid Apps.,Students who plan on building an out-of-the-box academic project.

Course Information:

Udemy | English | 6h 48m | 2.38 GB
Created by: Samarth Agarwal

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top