← Back to Home
Websites & platforms

Drip League

Interface for a gamified music discovery platform

ReactViteTypeScriptFramer MotionTailwind CSS

Screenshots & Schematics

Drip League main stage and music discovery player
Drip League main stage and music discovery player

Problem & Challenge

Emerging artists buried under platform algorithms, and fans lacking interactive gamified ways to champion grassroots musical talent.

How It Works

01

Artists enter seasonal tournaments with their audio masters and genre tags.

02

Fans stream tracks directly inside the player with integrated lyric display.

03

Daily votes push contenders through Apex, Diamond, Gold, and Bronze league divisions.

04

The league table shows artist standings and promotion and relegation zones (populated with sample data in the prototype).

05

Season winners unlock studio contracts and decentralized reward pool payouts.

Architecture & Technical Decisions

React 19, Vite, TypeScript, Framer Motion interactive transitions, Canvas Confetti, HTML5 Audio API, and Tailwind CSS v4.

An interface prototype for a gamified music discovery platform where independent artists compete in leagues and listeners vote their favourites up. It includes a league table, artist and song pages, a VIP subscription and a reward wheel.