# 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](https://studio.whenhub.com/account). More help on getting your Access Token can be found [here](https://developer.whenhub.com/docs/api).

## Documentation & Reference
[WhenHub API Documentation](https://developer.whenhub.com/docs)  

[WhenHub API Reference](https://developer.whenhub.com/v1.0/reference)

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

![Alt text](/imgs/JSEmbedExample.png?raw=true "JS Embed Example")


## Display - 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.

![Alt text](/imgs/JqueryExample.png?raw=true "Jquery Example")


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

![Alt text](/imgs/AngularExample.png?raw=true "Angular Example")


# 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](https://studio.whenhub.com/account). More help on getting your Access Token can be found [here](https://developer.whenhub.com/docs/api).

## Documentation & Reference
[WhenHub API Documentation](https://developer.whenhub.com/docs)  
[WhenHub API Reference](https://developer.whenhub.com/v1.0/reference)

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

![Alt text](/imgs/JSEmbedExample.png?raw=true "JS Embed Example")


## Display - 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. It is optimized to run with a local server, run these commands in terminal to start the server:  
  
Run `npm install` in  /display/jquerySample folder  
Run `npm start`

![Alt text](/imgs/JqueryExample.png?raw=true "Jquery Example")


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

![Alt text](/imgs/AngularExample.png?raw=true "Angular Example")


Add to display jquery section in readme
Add to display jquery section in readme
