At big sport tournaments where multiple games are played simultaneously on a large number of fields, it is difficult as spectator to keep an overview of who is playing whom at the moment, and what the current scores are.
Objectives
The goal of this project is to program a javascript website which works well on smartphones (i.e. it is responsive, and can handle touch events). The site helps the user to navigate on the premises of such a tournament. Additionally, it allows spectators to keep scores (in a sense, we would like to crowd-source the task of score-keeping to the spectators).
In particular, the website should do the following:
fetch the game schedule and field map via an API from a server.
display the current games to the user, possibly taking into account the current location of the smartphone user.
allow the user to add extra information about the game such as the current game score, colors of the shirts the teams are using etc.
synchronize the user-provided information, both to other users and back to the server.
Approach
We will use the open-source JavaScript web application framework Meteor (also check its wikipedia description). The app should be able to retrieve data from various servers. Realistic test data can be retrieved from Leaguevine and its well-document API.
For the front end, we will use bootstrap.
Understand the problem at hand.
Familiarize yourself with Meteor.
Design and program the app. An important goal (and essential requirement, as you are working in a team) is to produce code which can be understood and used by other people.
Write a report describing the design choices and your findings.
All code produced in this project will be freely available from github.com. As a side effect, we learn how to work with the github platform.
Number of students
2 is preferred
Prerequisites
some previous programming experience with JavaScript is required for this project.
some experience in setting up a front end (with bootstrap) is helpful.