AerosTracker.gg, a League of Legends Full-Stack Web Application

Abstract

This document is a reflection of the research done to understand the operation of a web application consisting of a BackEnd and a FrontEnd, and reflecting this research work developing an application for a Final Degree Project whose purpose is retrieving information from an API and showcasing it in a web. To sum up, the work has consisted of investigating how to make both parties communicate with each other, as well as knowing the ins and outs and delving into the information offered by the official API of the League of Legends game (provided by Riot Games). Finally, it has also been necessary to investigate how to show the information obtained to the end user, in an attractive, practical and concise way. The project consisted of several different stages: first, it was necessary to investigate how web applications work. Later, after learning about the existence of the server side and the FrontEnd, it was necessary to learn first hand what information the Riot API provides, how it provides it, how to handle it and decide what information to use and what information not to use. For this, it has also been necessary to develop a database with PostgreSQL, making use of the knowledge acquired in the course to design a relational database with several entities. Once the server had been developed, it was necessary to develop a FrontEnd that would communicate with the server, obtain the data provided by the API created in the server, and display them to the user according to the information requested by the user. The report will explain how every part of the project has been researched, designed, developed and deployed, starting from the logic of the server, going through the entities of the database and ending with the logic of the frontal part