A Javascript application which creates a wheel-of-fortune using HTML5 Canvas.
This is a personal toy web application to explore HTML5 Canvas and the development workflow for a Javascript project. It utilizes Backbone as the application framework and Grunt for task automation.
The current implementation fetches the wheel-data from a google spreadsheet using the Spreadsheets Data API.
Create a spreadsheet and publish it. Clone this repository and rename the file Gruntfile.sample.js to Gruntfile.js and edit the initialRoute parameter in the template task (<key> is the key of your spreadsheet as defined by the Spreadsheets Data API; <label column title> and <fitness column title> are the values in the columns of the first row in the spreadsheet). Run npm install && bower install && grunt build server, which builds the app in the build/ directory and starts a server at localhost:7878 with this directory as it's root. Open a browser and enter the URL of the server.
Spin the wheel ;)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent