Overview
Roles
- User Interface (UI) Designer
- User Experience (UX) Designer
- Software Engineer
Tools Used
- Figma
- HTML, CSS, & Bootstrap
- Python & Flask
- Git
- PostgreSQL & SQLAlchemy
Duration
- 16 weeks (Jan.-Apr. 2023)
This project is not associated with League of Legends or Riot Games, and was completed as an educational project.
Background
Electronic sports, or esports, have become extremely popular during the Internet era,
with streamers and professional gamers alike earning thousands to millions of dollars by providing easily accessible entertainment.
Online competitive multiplayer video games are among some of the biggest moneymakers,
with enormous worldwide tournaments that pit esports teams against each other.
Many fans are completely devoted to their team of choice,
but it can be difficult for them to follow their favorite teams' statistics and players because the information is often spread across several websites and news sources.
Goals
- Design and implement the frontend of an esports website primarily used to view player and team statistics.
- Implement a dynamic backend framework using Flask and a PostgreSQL database to provide the most up-to-date information.
- Utilize version control using Git to allow all members to collaborate and faciliate management.
Project Description
League Legacy compiles databases of players, teams, and matches from one of the most popular esports, League of Legends, in one convenient place.
League of Legends (commonly known as “League”) is an extremely popular esport game with a wide player base and many competitive teams to follow.
With an intuitive, user-friendly interface and appealing visuals,
League Legacy is an excellent website for League fans to follow their favorite teams and players without getting lost on other sites.
Using this cutting-edge site and its up-to-date information,
League fans can easily view their favorite teams' overall statistics, player statistics, and game history in one simple place.
League Legacy has five passionately crafted pages: Home, Players, Teams, Matches, and About Us.
The Players, Teams, and Matches feature dynamically updating information kept recent using a League of Legends API,
as well as the following useful features:
- Sort Players, Teams, and Matches by various attributes in alphabetical order from A-Z or Z-A
- Global searching and local searching to find exactly what you're looking for at a glance.
- Navigate through elements easily using a dynamic photo grid and pagination.
Please note that this website is currently not live for viewing,
but feel free to
contact me
if you would like to see a demonstration.
Thank you for your understanding!