Overview of the Project
League of Legends is a popular video game that I play, and I've started a project to view my in-game statistics. This website provides a detailed view of my recent match history, along with performance insights from each game.
The project is hosted on this web server: AmityGG
Preview of the User Search:
Database
The database is hosted on Vercel, with Prisma ORM handling all interactions. By leveraging the League of Legends API, I can fetch recent match data, select relevant information, and store it in my database for easy access and future analysis.
Match Statistics
The matches are parsed into cards, which display information about game performance and other users in the game.
- Match Metadata (Game Duration, Date, Mode)
- Users Played With
- Win/Loss (red card=loss, blue card=victory)
Web Technologies
- Next.js: A popular full-stack web framework used for building the frontend and backend of the website.
- League of Legends API: Used to fetch real-time match data, including player statistics and recent game history.
- PostgreSQL Database: A relational database hosted on Vercel to store and manage match data.
- Prisma ORM: Used to interact with the PostgreSQL database, providing a seamless way to handle database queries and manage data.
- Vercel: A cloud platform for hosting the Next.js app, enabling fast and reliable deployment.