Po.gg


Stats
  • Language(s): Javascript (React) with HTML/CSS
  • Date: Fall 2023
  • Main Role: Match History and Individual Match functionality
  • Overview: Responsive React app utilizing the Riot API to visualize League of Legends statistics

Description

Based on a website called Op.gg (hence the name), Po.gg is a League of Legends stat tracker that gives information about games a player has played by utilizing the Riot Games API. Our application evolved from a basic mostly HTML page, to basic Javascript, and eventually to full-blown responsive React. It features a Match History page (as well as more stats for each match on this page), a Leaderboards tab, and an individual User Stats page. The use of the main functions of the site are also protected by a login - one must make an account to use them. I mainly worked on the Match History and individual Match page, which involved obtaining the entered name, getting the ID correlating to the name, and getting a list of match IDs. From these, further information about each match could be queried, and then parsed to obtain the most relevant information. A further breakdown of this is provided if the user clicks on a match in the match history page, with charts for the most important stats.