Skip to content

MGSimard/leaguemh-next

Repository files navigation


LoLMH.Next

Nextjs Project

View Live Project

About The Project

Screenshot

This is a Nextjs migration of LoLMH.React. Easier than setting up node or paying for serverless funtions to hide API key + not having to deal with Riot's API CORS shenanigans. Below is the original react project intro.

A recreation of my vanilla LoLCBL project, minus the CBL part, in React. Its only purpose is to fetch match histories of players across all League of Legends regions with public APIs. This project acts as practice with React, queries, and dynamic cdn asset fetching.

Now migrated to Nextjs & TypeScript. Functionalities unchanged - prefer keeping it the way it was for posterity, and show growth process.

Lol I lied, I ended up learning about Github actions to set up bi-daily cron jobs to fetch semi-static datasets which represent game data usually updated per patch every 2ish weeks. I ended up reworking the majority of the app, but not so much as to bash my head against a wall trying to polish it as much as my other ones.

Built With

Nextjs Version (Current)

Post-migration.

React Version (Old)

Prior to Nextjs migration.

Usage

As per the example on the app's landing page; select a region, enter a summoner name & tag then click fetch. -> https://leaguemh-next.vercel.app/

Contact

MGSimard - [email protected]
@MGSimard on X

For more info, view my portfolio at mgsimard.github.io. Resume attached.