View live app

Build tracker

Sporda · 91-screen design build · 44/91 · PROGRESS.md · Design system
78/91
Mobile · 17/37 desktop · handoff parity
§11/1
Design System
Tokens · type · components · motion · iconography
§2 + §315/15
Match Detail
Universal 6-tab shell + 9 sport variants (NFL, F1, Cricket, MMA, Esports, …)
§4 · Home1/1
Home / For You
Date pills · live hero · upcomings · league sections
§4 · Disc.1/1 · 1D
Scores / Discovery
Browse all sports · date scrubber · live-now hero
§4 + §134/4 · 1D
Watch
Live player · replay/VOD · schedule · watch home
§4 + §124/4 · 2D
News
Feed · article reader · topic page · comments
§4 · Profile1/1
Profile
Avatar · stats · followed teams · settings list
§56/6
Team detail
Overview · fixtures · squad · stats · news · trophy room
§65/5 · 5D
Player detail
Overview · stats · career · compare · news
§75/5 · 5D
League detail
Standings · fixtures · top scorers · bracket · news
§87/7
Onboarding
Welcome · sports · leagues · teams · players · notif · complete
§97/7 · 3D
Auth + Account
Login · sign up · forgot · verify · 2FA · socials · delete
§100/8
Settings
Root · appearance · notif · privacy · data · about · legal
§110/3
Search
Empty (recent + suggestions) · results · filters
§147/7
System states
Empty · skeleton · error · offline · toasts · sheet · modal
§1516/16
Special / power-user
Countdown · reactions · share-as-image · streaks · managers · help
DONE bar above tracks mobile-dark happy-path artboards. Light / AMOLED / desktop / empty-loading-error variants for each screen are tracked separately in PROGRESS.md and will fill in once primary coverage clears 50/91.
Themes swap live via the toggle in the top-right of every page. State persists in localStorage.
Built with React 18 + babel-in-browser + a custom design-canvas component. First load on a large page takes ~15s while babel compiles. Precompile is a Session-N task.