{{ courseDetail()?.courseName }}
Introduction

### Step 1 - Introduction

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

Get the sample code

### Step 2 - Get the sample code

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

Create a Firebase project and Set up your app

### Step 3 - Create a Firebase project and Set up your app

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

Install the Firebase Command Line Interface

### Step 4 - Install the Firebase Command Line Interface

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

Deploy and run the web app

### Step 5 - Deploy and run the web app

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

The Functions Directory

### Step 6 - The Functions Directory

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

Import the Cloud Functions and Firebase Admin modules

### Step 7 -Import the Cloud Functions and Firebase Admin modules

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

Welcome New Users

### Step 8 - Welcome New Users

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

Images moderation

### Step 9 - Images moderation

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

New Message Notifications

### Step 10 - New Message Notifications

This is an example step of the course. You can put anything in here from example codes to videos.

To install the CLI you need to have installed npm which typically comes with NodeJS.To install or upgrade the CLI run the following npm command:

npm -g install @angular/cli

To verify that the CLI has been installed correctly, open a console and run:

ng version

### Install dependencies

To moderate the images we'll need a few Node.js packages:

The Google Cloud Vision Client Library for Node.js: @google-cloud/vision to run the image through the Cloud Vision API to detect inappropriate images. The Google Cloud Storage Client Library for Node.js: @google-cloud/storage to download and upload the images from Cloud Storage. A Node.js library allowing us to run processes: child-process-promise to run ImageMagick since the ImageMagick command-line tool comes pre-installed on all Functions instances.

To install these three packages into your Cloud Functions app, run the following npm install --save command. Make sure that you do this from the functions directory.

npm install --save @google-cloud/vision @google-cloud/storage child-process-promise

This will install the three packages locally and add them as declared dependencies in your package.js file.

Congratulations!

### Step 11 - Congratulations!

You've built a full-fidelity, offline-capable progressive web app by leveraging the power of reusable Web Components and Firebase. Why bother with a native app when you know how to do all that?!