League of Legends Time Tracker

Desktop companion
In game overlay

Inspiration

We have all been in the situation of playing too much video games and not having enough time left for work or other activities. More often than not, this can happen unintentionally despite our best efforts at time management. Thus we had the idea to create a project that may help in this regard.

What it does

We developed a desktop app and game overlay, where desktop app would show the total number of games played on a given day, the total time spent in game on that day, and a maximum number of games. An in game screen would be able to be toggled to show/hide and track the number of games played and the max number of games allowed for a day. The goal is to create a significant yet nonobstructive screen that can display the information without affecting in game experiences.

How I built it

This project was built upon an open source game overlay api (overwolf). Basically we developed an app extension for League of Legends. Backend was coded in typescript while front end was created with html and css. Utilized the Singleton design pattern to ensure that only 1 instance of each window is present, so we can display either a desktop or in-game window, as well as having a background window handling most processes.

Challenges we ran into

Connecting the desktop window to the overlay and making sure the overlay actually ran when a video game was launched. Similarly perfecting the desktop window formatting and the overlay formatting was challenging.

Accomplishments that we are proud of

Just simply being able to have something that can run over another program, as this is something we have not done before.

What we learned

Prior to this project, we had no experience with ts or overwolf, and very little experience with HTML and CSS. Through this project, we gained more experience with these languages and learned how difficult some basic tasks can be.

What's next for League of Legends Time Tracker

Perhaps we can connect this program to the cloud in order to have access to many player's datasets and be able to analyze general averages and trends that can be displayed to all users. In addition to this, we could apply to have the app publicly posted on Overwolf and possibly commercialized.