WebDev Projects

Event NX Cosmetic Planner

Event NX Cosmetic Planner

API

React

localStorage

Purpose: Consolidate item selection across characters, and approximate points necessary
Event items are chosen by their ID, and called using MapleStory API. Users can then select items for different characters, which will then be stored in respective character inventories on localStorage
Popmart Blindbox Pull Simulator

Popmart Blindbox Pull Simulator

API

MERN

Render

Vercel

Purpose: Gachapon to simulate opening POPMART blindboxes of different series
I populated a JSON of over 100 POPMART characters on MongoDB, with fields of their respective mascots, series, names, and rarity. Backend is hosted on Render free tier, therefore there might be a 30 second delay in retrieval upon initial load
Teamfight Tactics Champion Tier list

Teamfight Tactics Champion Tier list

API

Jest

Netlify

React

Typescript

Purpose: Rendering and filtering TFT champions for quick and accessible meta tier list reference
Selecting game stage or typing champion name results in different intuitive render formats, in order for users to make the best decisions in the shortest time. Champion information from Riot Developer Portal
Taylor Swift Song Ranker (WIP)

Taylor Swift Song Ranker (WIP)

API

DSA

React

Tailwind

Purpose: Accurately determine personal song ranking in least amount of clicks
By user vote, separates songs into winner and loser brackets, then merge sort individual brackets, before insertion sort loser bracket into winner bracket. To recall song, click on album to preview song