Noodle

Doodle with Node.js and Watson Visual Recognition. Get the presentation.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

1. Sign up for an IBM Cloud account.
2. Download the IBM Cloud CLI.
3. Create an instance of the Visual Recognition service and get your credentials:
   • Go to the Visual Recognition page in the IBM Cloud Catalog.
   • Log in to your IBM Cloud account.
   • Click Create.
   • Click Show to view the service credentials.
   • Copy the apikey value.
4. Download and setup Node.js.
5. Download the doodle dataset for training the model.
6. Log in to Watson Studio.
7. Create a new watson studio project for your machine learning model and assign the storage and Watson Visual Recognition service instance.
8. Add the image assests to your project.
9. Create the classes for the assests you wish to train.
10. Train the model.

Configuring the application

1. Create a file with the following content and save it as .env.

API_KEY='YOUR-API-KEY'

Running locally

1. Install the dependencies.

   npm install
   

2. Run the application.

   npm start
   

3. View the application in a browser at localhost:8080

Deploying to IBM Cloud as a Cloud Foundry Application

1. Login to IBM Cloud with the IBM Cloud CLI.

   ibmcloud login
   

2. Target a Cloud Foundry organization and space.

   ibmcloud target --cf
   

3. Edit the manifest.yml file. Change the name field to something unique.
   For example, - name: my-app-name.

4. Change the websocket link in sketch.js to https://my-app-name.mybluemix.net

5. Deploy the application.

   ibmcloud app push
   

6. View the application online at the app URL.
   For example: https://my-app-name.mybluemix.net

Built With

• IBM Watson Visual Recogntion Service - The Visual Recogniton Service used.
• P5.Js Library - A Sketching library with a full set of drawing functionality.
• Anime.js Library - A Javascript library for animations.

Demo

http://noodle.mybluemix.net

References

• Doodle Data Set
• Doodle Animation for Splashscreen