Ionic with NodeJS: Build a Full Mobile Business Rating App
4.2 (59 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
345 students enrolled

Ionic with NodeJS: Build a Full Mobile Business Rating App

Build A Complete Ionic 4 (formerly Ionic 3) Mobile App From Scratch With Node.js REST API Backend
4.2 (59 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
345 students enrolled
Last updated 12/2018
English
English [Auto]
Current price: $59.99 Original price: $99.99 Discount: 40% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 18.5 hours on-demand video
  • 2 articles
  • 39 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build a mobile app with Ionic, Node, Express and MongoDB
  • Use Mongoose to create schemas
  • Build REST API from scratch
  • Use Node REST API inside ionic app
  • Connect Frontend with Backend code
  • Learn ionic UI components, apis and native plugins
  • Use Ionic Storage Module
  • Use mongodb as database for storing data from ionic app
  • Use cloudinary cloud storage for files
  • Send images from ionic app to node backend through REST api
  • Build rating and reviews functionality inside the ionic application
  • Add Leaderboard and search functionality
  • Deploy backend app to heroku
Course content
Expand all 153 lectures 18:20:30
+ Introduction
5 lectures 20:09
Source Files
00:11
Install Node and Angular
05:36
Install Ionic and Cordova
04:58
Install MongoDB
07:48
+ Ionic 3 Project Setup
8 lectures 01:05:55
Install VS Code
03:59
Create Ionic Project
07:09
Create Node Project
03:00
Create Home Page
11:47
Create Login Page
14:22
Style Login Page
16:15
Add Register Page Inputs
05:47
+ Signup and Login Authentication
17 lectures 02:05:53
Install Express
12:46
Start Mongodb Server
03:07
Install Cors
07:24
User Model
08:43
Passport Signup - 1
09:31
Passport Signup - 2
03:41
Signup New User
11:26
Add Loading Controller
10:12
Add Alert Controller
07:19
Add Validations
04:11
Task Solution
03:47
Passport Login - 1
09:50
Passport Login - 2
03:26
Ionic Storage
04:33
Save Email in Storage
06:35

Answer these questions

Questions
3 questions
+ Company Section
24 lectures 02:40:21
Company Inputs
01:09
Automatic Login
07:56
Logout
06:29
Company Form
08:51
Sidemenu List
08:18
Add Create Company Link to Sidemenu
05:03
Company Schema
03:44
Company Route
06:31
Company Provider
07:26
Import Company Provider
09:04
Add Field to Company Schema
02:01
Add Home Route
05:12
Get User Data
08:42
Exclude Password
02:23
Add User Id to Create Company Method
03:26
Create Test Company
07:41
Validate Company Data
10:48
Use View Did Enter
04:35
Get All Companies
10:03
Display All Companies
09:03
Add Style to All Companies Page - 1
07:34
Add Style to All Companies Page - 2
09:31
Home Page Elements
07:06
Add Styles to Home Page
07:45

Answer these questions

Questions
4 questions
+ Reviews and Rating Section
33 lectures 03:50:29
Style Create Company Page
06:20
Add Reviews Page - 1
11:09
Add Reviews Page - 2
04:10
Add Company Profile Page
10:33
Display Name on Review Page
05:01
Update Company Schema
05:55
Add Review Route
02:45
Add Review Method
10:34
Send Review and Ratings to Back-end
07:55
Update Company Document with Ratings and Review
10:34
Review Fields Validation
07:13
Add Toast Controller to Review's Page
04:02
Ionic Rating Component
07:57
Style Rating Stars
05:09
Create Average Method
09:04
Company Profile Page
04:38
Create Rating Sum Method
06:50
Custom Rating Component - 1
11:12
Custom Rating Component - 2
02:23
View Company Reviews - 1
08:36
View Company Reviews - 2
06:24
Fix Review Typo Error
04:16
Display Average Rating
06:49
Display Sidemenu Icons
03:00
Sidemenu Elements
05:12
Sidemenu Styles
10:19
Use Moment Library
06:39
Use Substr Method
08:49
Employee Role Alert Box
09:33
Update User Company Schema
05:44
Send Employee Role
07:42
Save Employee Role
10:11
Add Toast Controller For Employee Role
03:51
+ Ionic 3 Image Upload
16 lectures 02:10:28
Create Settings Page
05:37
Populate Company Array
04:50
Display Settings Elements
09:32
Display Companies
07:11
Cloudinary
04:12
Cloudinary Config
10:42
Provider Upload Image Method
10:03
Camera Options - 1
09:25
Camera Options - 2
09:53
Cloudinary Upload Method
09:10
Save Image Id
08:11
Display Profile Image - 1
11:49
Display Profile Image - 2
06:24
Upload Logo Method
09:00
Display Logo
09:59
Rounding Method
04:30

Answer these questions

Questions
5 questions
+ Search and Leaderboard Section
9 lectures 01:00:52
Search Page
04:02
Search Input
06:51
Search Route
06:14
Search Results
06:45
Show Search Results
10:00
Add Click Method to Result
07:39
Leaderboard - 1
07:41
Leaderboard - 2
08:35
Display Name on Home Page
03:05
+ Error Fixes
3 lectures 21:54
Get User Email Using Async/Await
06:52
Use Get User Email Method - Part 1
08:44
Use Get User Email Method - Part 2
06:18
+ Deployment Section
12 lectures 01:12:03
Install Helment and Compression Modules
03:10
Create Database on Mlab
06:14
Environment Variables
04:42
Git Push
04:52
Create Heroku App
09:26
Install pm2
10:57
Replace Localhost with Heroku App Url
04:46
Add Heroku Port
01:43
Try App on Browser
04:12
Add Gradient to Login Page
02:55
Install Android Studio and Try App on Emulator
16:33
Show Scroll
02:33
+ Migration from Ionic 3 to Ionic 4 - New Section
26 lectures 03:32:25
Section Introduction
02:16
Github Link for Ionic 4 App
00:00
Ionic 4 Overview
08:24
Ionic 4 Changes
05:42
Ionic 4 Installation
03:59
Create Ionic 4 Project
08:58
Start Servers
05:34
Create Login Page
13:23
Login Page - Part 1
11:48
Login Page - Part 2
15:15
Change Login Button
05:10
Signup Page
08:48
Create All Pages
05:06
Add Home Page
10:14
Add Side Menu
12:51
Display User Image
05:55
Create Company Page
10:58
All Companies Page
13:50
Company Profile Page
17:58
Add Review Page
07:15
View Reviews Page
07:59
Leader Board Page
04:00
Settings Page
09:45
Search Page - Part 1
11:40
Search Page - Part 2
04:22
Logout
01:15
Requirements
  • A computer on which you can install software
  • A basic understanding of HTML and CSS
Description

Have you ever thought of building an application that uses RESTful API? Have you thought of building an application with both front-end and back-end connected by RESTful APIs all created by you? Then this course is designed specifically for you.

In this course, you will build a mobile application using Ionic 4 (formerly Ionic 3), Node, and Mongodb database. The front-end of the application is built using the ionic framework while the back-end is built using Express framework. The front-end and back-end are connected via HTTP through the RESTful API created from scratch.

The REST API used in this course is build completely from scratch.

This Ionic and Node.js course will guide you through building your own mobile business rating app from start to finish.The course uses tools like Express, Mongodb, Mongoose. This application is an employee to business app (Or we can say as well it is a business to business rating app) where an employee of a company (or another company) rates a business based on experience with the company's business dealings.

This course is project based.

During this course, you will learn to

  1. Build a mobile app with Ionic, Node, Express and MongoDB

  2. Build REST API from scratch

  3. Use Node REST API inside ionic app

  4. Connect Frontend with Backend code

  5. Upload images from Ionic app 

  6. Use Cloudinary cloud storage for images

  7. Create ionic providers for communicating with back-end

  8. Use Ionic UI components, apis and native plugins

  9. Build reviews and rating functionality inside ionic application

  10. Use third-party rating component

  11. Create custom components

  12. Use Ionic storage

  13. Use MVC pattern to build REST API

  14. Create custom functions to be used inside ionic template files

  15. And more...

Who this course is for:
  • Anyone with a passionate and enthusiastic mindset to learn
  • Anyone willing to train in mobile app development
  • Back-end developers wanting to increase their skills and knowledge
  • Fullstack developers wanting to increase their skills and knowledge