A K-pop idol gacha web app where fans can pull, collect, and manage their favorite idols with a persistent local collection and playful UI.
Timeline
Jun 16, 2025 – Jul 21, 2025
Role
Fullstack Development
Focus
K-pop idol gacha & collection
Primary Stack
Next.js
TypeScript
Tailwind CSS
Framer Motion
CypressCase overview
Designed a K-pop idol gacha experience that lets users ‘pull’ random idols and build a personal collection.
Why it matters
K-pop fans often track their ‘bias’ and pulls via screenshots or notes. KPop Pulls turns that habit into a simple, focused web app where they can roll for idols and see their collection grow over time.
Instead of a full-blown marketplace, the product is intentionally light: it recreates the fun of gacha without payments, while still giving structure through collections and a dedicated ‘My Collection’ view.
System Design
The core flow is built around a single action: pulling an idol. Each pull updates the collection in localStorage, so users can close the tab and come back later without losing progress.
UI components are built with reusable card layouts and a neobrutalist-inspired style, keeping the interface bold and playful while still readable on both desktop and mobile.
Results
Early testers said it ‘feels like a mini gacha game in the browser’ and liked how fast they could see their collection fill up without any login friction.
The current architecture makes it easy to extend into features like pity counters, rarity filters, or shareable collection exports without rewriting the core pulling logic.
