League of Legends Hub

Unlocking the Enchanting World of League of Legends

Comment

Inspiration

The inspiration for the League of Legends Hub project stemmed from my deep passion for the popular online multiplayer game, League of Legends. As a devoted League of Legends enthusiast, I encountered the challenge of swiftly accessing comprehensive information about teams and players, especially regarding game statistics and win rates. This inspired me to create a web application that would address this issue and serve as a user-friendly platform for fans and enthusiasts to stay informed.

What it does

The League of Legends Hub is designed to provide a comprehensive overview of League of Legends teams, their game statistics, and win rates. Users can easily browse through a list of teams and view their performance data. The app acts as a convenient reference tool for anyone seeking insights into the competitive League of Legends scene and the performance of their favorite teams.

How I built it

The project started with a thorough analysis of data related to League of Legends leagues, tournaments, teams, players, and game statistics. Once I had gained a clear understanding of the data, I utilized Jupyter Notebook to efficiently preprocess and analyze it. Jupyter Notebook enabled me to extract and manipulate the necessary data, ensuring its accuracy and relevance. Following this data analysis and preprocessing, I initiated the design and development of the web application.

For the web application's development, I leveraged modern web technologies, including Next.js for building the front end, Tailwind CSS for styling, and MongoDB Prisma with GraphQL for handling the data. This stack allowed me to efficiently retrieve the specific information I needed for the Next.js app and render it on web pages.

Challenges I ran into

One of the primary challenges I faced during the project was the absence of a team. Working on this project alone meant that I had to manage all aspects of development, from data analysis to database management and user interface design. The workload was substantial, and it was challenging to handle everything independently.

Accomplishments that I'm proud of

I take immense pride in the fact that I was able to complete the League of Legends Hub project entirely on my own, despite the challenges of working alone.

What I learned

One significant learning point from this project was the introduction to Prisma, a new technology for managing and accessing the database. I learned how to integrate Prisma with MongoDB and GraphQL, which expanded my knowledge and skill set in data management.

What's next for League of Legends Hub

In the future, I plan to further enhance the League of Legends Hub by adding more features and improving the overall user experience. I aim to provide even more detailed statistics, historical data, and real-time game information for teams.

Built With

Share this project:

Updates