LOLSTATS
Bachelor Project

Website developed for my bachelors project proving my academic efforts and technical growth
Client
No Client
Date
January 2024
Role
Designer & Developer

Key insights into this project:

Vue Mastery:
Strengthened my understanding of Vue's reactivity and component-based architecture.

API Integration:
Gained practical experience with Riot’s RGAPI for robust data retrieval and manipulation.

Data Visualization:
Transformed complex League of Legends data into clear, interactive statistics.

User-Centric Design:
Developed an interface that is both intuitive and informative for gamers.

For my bachelor's degree final project, I developed  as an immersive, hands-on platform that leverages modern web technologies to bring advanced game analytics to League of Legends enthusiasts. Built using Vue.js, this project provided me with an opportunity to deeply explore the framework’s reactive capabilities, component-based architecture, and state management practices. The platform integrates Riot’s RGAPI to retrieve real-time game data, which is then transformed into interactive, insightful statistics that allow users to compare performance metrics and gain a competitive edge.

The development process involved rigorous planning and iterative design. I began by outlining the core functionalities and user journeys, ensuring that every data point fetched from the API was translated into an intuitive visual format. Throughout the project, I focused on optimizing API calls to handle rate limits, and ensuring data consistency. This approach not only enhances the user experience but also addresses key challenges related to real-time data management.

This project is still a work in progress and I have plans to include comprehensive player and team tracking, which will allow users to monitor performance trends over time, and a competitive news section that aggregates the latest updates from the League of Legends esports scene. These enhancements are designed to provide a more holistic view of the game’s ecosystem, empowering users with deeper insights and real-time information to stay ahead in both casual and competitive play.