Developer samples

A collection of examples of how to use the WhenHub API.

Access Token

For most of the examples, you will need to get an Access Token from your WhenHub Studio Profile page. More help on getting your Access Token can be found here.

Documentation & Reference

WhenHub API Documentation

WhenHub API Reference

Prerequisites

Node 6.0.0 or higher along with NPM 3 or higher is required.

Installation

npm install

Note: This only installs the developer sample site and a limited number of samples. Other samples will require installing and running them as their own projects.

Serving up Development Sample site

npm start

Developer Samples

• Display JavaScript Embed
• API Samples
  • Display (read-only)
    • jQuery
  • Edit (read & edit)
    • Angular 4
    • React JS

Javascript Embed

Embed a public Whencast on any page using Javascript. This is one of the few examples that does not require an Access Token.

View Project Home

Display

These samples demonstrate read-only usage of the WhenHub API.

Jquery

Display data on a page using Jquery and styled with standard Bootstrap. The schedules you see are the ones that are in your WhenHub Profile.

View Project Home

Edit

These samples demonstrate read and edit usage of the WhenHub API

Angular

Edit and display data using Angular. The schedules you see are the ones that are in your WhenHub Profile.

View Project Home

• List of schedules for user based on Access Token.
• List of events per each Schedule.
• Embedded Whencast for each Schedule.
• Limited display of media objects for Events (images only).
• Basic editing of title for schedules and events.

React

Edit and display using React.js. The schedules you see are the ones that are in your WhenHub Profile.

View Project Home

• List of schedules, with images, name and description for user based on Access Token.
• Edit name and description for each schedule.
• List event name and description of each schedule.