RiftGG - Champions Vault

Nov 11 min read

Web application for statistics on champions and competitive League of Legends® matches.

Introduction

RiftGG was a project focused on the analytics about our own matches in League of Legends®. It has had some really interesting features, such as the ability to draw in real time above the recorded video and another way to see the statistics for the best champions.

Champion Vault

This feature was developed in VueJS and SASS. It was a lot of fun to work on it. We used the Riot API to get the data and this was stored in a database in order to keep it up to date for our users.

Index

The index page is the main page of the application. It shows all champions and the bests roles it can fit for competitive.

RiftGG - Champions Vault - Index

As you can see, you could filter the champions by role and by name and then, you can select one to see a more detailed view of the champion for each role.

Details

On this page, you can see all the statistics for a champion, the best roles, the best items and the best spells.

RiftGG - Champions Vault - Details

You can have a fast look at the ability per level selection to learn how the champion is played.

Current state

Sadly... the project was not successful enough and we had to stop working on it at middle 2019.

ProfessionalVue JSSass Lang