auth0/Auth0-BoxWorks-Demo

Name: Auth0-BoxWorks-Demo

Owner: Auth0

Description: Auth0's Partner Demo for BoxWorks 2016

Forked from: alejofernandez/boxdevdemo

Created: 2016-09-06 12:41:52.0

Updated: 2016-09-07 19:59:24.0

Pushed: 2016-09-06 00:27:34.0

Homepage: https://boxdevdemo.stamplayapp.com/

Size: 5

Language: HTML

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Step by step guide

Account creation

• Create a Stamplay account and leave everything by default https://stamplay.com
• Create a Box account https://box.com
• Create an Auth0 account, disable all connections created by default at https://manage.auth0.com

Create a Stamplay application

• Go to https://editor.stamplay.com/ and create a new application, save the application id for later.

Create a Box application

• Go to https://app.box.com/developers/services and create a box application, save client_id and client_secret.

Configure Box as an OAuth2 provider for Auth0

• Go to https://manage.auth0.com and under the connections => social section enable box, paste client_id and client_secret from the previous step
• Then go to the clients section and create a new client of type Single Page Web Application
• Go to settings and save client_id and client_secret for the next step.
• Set https://<your-stamplay-application-id>.stamplayapp.com/auth/v1/auth0/callback as callback URL.
• Finally go to connections and enable box (configured in the previous step).

Configure your Stamplay application

• Open https://editor.stamplay.com/ and edit the application you created previously, go to the users => authentication section and select Auth0, fill in your account domain and client_id and client_secret from the previous step.
• Then go to the objects section and create an object named mood, add two properties named email and mood.
• Browse the snippets section and see how the REST API works.

Now you can go to https://<your-stamplay-application-id>.stamplayapp.com/auth/v1/auth0/connect to check that the authentication flow works.

Configure you web application

• Clone git@github.com:alejofernandez/boxdevdemo.git
• Find and replace <your-stamplay-application-id> with your stamplay application id in index.html, stats.html
• Install the stamplay-cli

  install -g stamplay-cli
  

• Deploy your project

  play init
  

  You'll be prompted to enter your stamplay application id and your API key (located under dashboard => settings)

  play deploy
  

Test your application

open https://<your-stamplay-application-id>.stamplayapp.com/ and https://<your-stamplay-application-id>.stamplayapp.com/stats.html

Or browse the existing live demo at

• https://boxdevdemo.stamplayapp.com
• https://boxdevdemo.stamplayapp.com/stats.html

Credits

• clmtrackr by Audun Mathias - https://github.com/auduno/clmtrackr - Facial recognition library
• CanvasJS - http://canvasjs.com/ - Charts and graphics