Project for IVIS from Gery Hirschfeld & David Heimgartner.
You need to set up your development environment before you can do anything.
Install Node.js and NPM
- on OSX use homebrew
brew install node
- on Windows use chocolatey
choco install nodejs
Install yarn globally
npm install yarn -g
Fork or download this project. Configure your package.json for your new project.
Then copy the .env.example
file and rename it to .env
.
Go to the project dir and start your app with this npm script.
yarn serve
We are both tennis fans and like to have a nice head to head statistcs app. The goal of this app is to get a good impression of a upcoming tennis game. Like for example, if Roger Federer plays against Rafael Nadal on a grass surface, the app should help making possible prediction on the basis of past matches.
As a first data source we used the API of the page Ultimate Tennis Statistics, dispite this API was amazing we had some trouble to bind it to our app. Therefore, we used this GitHub Repo JeffSackmann Tennis ATP, that stores a lot of past tennis games, ranking, players and more in several CSV files. This repo with its data is just perfect. To import the data into our app we had to filter and tranform the values in a new format to keep a good performance of the app. Moreover, for the whole in app filtering like piking a surface we used web-workers to improve the web rendering.