/my-stuff

Google Vision API + Ionic 3 + Firebase

Primary LanguageTypeScriptMIT LicenseMIT

My Stuff

A Google Cloud Vision + Ionic 3 + Firebase App

This is a (very) simple app to catalog your stuff by taking a photo and using Google Cloud Vision to label it for you.

Full step-by-step guide: https://medium.com/@thechrisbetz/ionic-3-google-cloud-vision-firebase-78ea68cfbea8

Steps to get up-and-running:

  1. Create a new Google Cloud project and enable the Vision API by following the instructions here: https://cloud.google.com/vision/docs/before-you-begin.
  2. Create an API key: https://support.google.com/cloud/answer/6158862?hl=en. Be sure to review the API key best practices here: https://support.google.com/cloud/answer/6310037.
  3. Create a Firebase project by heading over to https://firebase.google.com, clicking Get Started, then the Import Google Project button. Choose the project you created in Step 1.
  4. Set the database rules by clicking Database, then the Rules tab. Use the configuration below. Important: This will open up your database so that anyone can both read and write data. In a real world application you will want to restrict this access.
{
  "rules": {
    ".read": true,
    ".write": true
  }
}
  1. Edit /src/environment.ts, adding the configuration values from Steps 2 and 3.

Then ionic cordova run android or ionic cordova run ios

Developed and tested using:

global packages:

    @ionic/cli-utils : 1.5.0
    Cordova CLI      : 7.0.1
    Ionic CLI        : 3.5.0

local packages:

    @ionic/app-scripts              : 2.0.2
    @ionic/cli-plugin-cordova       : 1.4.1
    @ionic/cli-plugin-ionic-angular : 1.3.2
    Cordova Platforms               : android 6.2.3
    Ionic Framework                 : ionic-angular 3.5.2

System:

    Node       : v6.9.1
    OS         : macOS Sierra
    Xcode      : Xcode 8.3.3 Build version 8E3004b
    ios-deploy : 1.9.1
    ios-sim    : 5.0.11
    npm        : 3.10.8