LB Designs
From teaching to coding
Who am I? My name is Laila and I am a social and empathetic person who enjoys helping others. I love building websites.
My strongest skill is my analytical thinking and my ability to learn new things. I’m also creative and really enjoy drawing and building things, which fits well with my love for front-end web development, a field that feels like building, with digital LEGOS to me.
My hobbies
- -Reading
- -Gaming
- -Coding
- -Baking/cooking
What I’m working on at the moment
My league arena app
I get energy from growth and seeing clear progress in what I do.
In the long term, I would love to contribute to developing an app and to become a skilled web developer. That would be, as you say, my long term goal.
At the moment, I’ve been working on an app for a game I’ve been playing. League of legends. The app calculates all the champions I’ve already won with.
I broke it down in steps that I don’t mind sharing with you~
Step 1 – Get set up (API key + project)
1. Create a tiny project folder (any stack: Node/Express + vanilla HTML is simplest). I chose Node.
2. Make a free Riot Developer account and generate a development API key.
3. Create a .env (or equivalent) to store RIOT_API_KEY=
4. Decide a platform routing:
– Account/PUUID: use the account cluster near your shard (e.g., europe, americas, asia).
– Matches: use match-v5 on that same regional cluster (e.g., europe.api.riotgames.com).
Step 2 – Turn Riot ID → PUUID
1. Input format: gameName#tagLine (e.g., AhriMains#EUW).
2. Call: /riot/account/v1/accounts/by-riot-id/{gameName}/{tagLine} → get puuid.
Step 3 – Fetch your match IDs
1. Call: /lol/match/v5/matches/by-puuid/{puuid}/ids?start=0&count=100.
2. Paginate (start += 100) to gather enough matches for Arena history.
Step 4 – Keep only Arena matches
1. For each match ID: /lol/match/v5/matches/{matchId}.
2. Check match.info.queueId ∈ {1700, 1710} (Arena queues).
Right now, it only pulls data from a certain amount of days, but when I am done, I hope to request a permanent key that doesn’t need to be refreshed every day and be able to pull data per season.
