Skip to content

fhnw-students/IVisPro-heimfeld

Repository files navigation

IVisPro

dependency travis

Project for IVIS from Gery Hirschfeld & David Heimgartner.


divider

❯ Table of Contents

❯ Getting Started

Step 1: Set up the Development Environment

You need to set up your development environment before you can do anything.

Install Node.js and NPM

Install yarn globally

npm install yarn -g

Step 2: Configure the new Project

Fork or download this project. Configure your package.json for your new project.

Then copy the .env.example file and rename it to .env.

Step 3: Serve your App

Go to the project dir and start your app with this npm script.

yarn serve

divider

❯ Why and How

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.

divider

❯ License

MIT