CASE 01 / 2026 / WEB DESIGN / DEVELOPMENT / ADMIN PANEL / E-COMMERCE

Champi League

Bilingual site for a football league in Moca: tournaments, results, player stats, team sign-up, photos and a merch store, run from an admin panel.

CLIENT: Champi League
YEAR: 2026
SERVICES: Web design, Development, Admin panel, E-commerce
STACK: React, Vite, Firebase, Cloud Functions, Framer Motion
LIVE: champileague.com ↗ (opens in a new tab)

Champi League home page: the headline ELEVA TU JUEGO over violet-tinted match footage, with Buscar Torneos and Únete Ahora buttons.

/// OVERVIEW

Champi League is a football league in Moca, and this is its public home: tournaments with results and league leaders, player stats, team registration, match photos and a merch store, in Spanish with an English toggle.

Built with React and Vite on Firebase. Teams sign up online and can look up their registration status, and the store has a cart and checkout whose prices are re-checked by a Cloud Function. Behind a login, an admin panel runs the league: tournaments, matches, standings, players, teams, registrations, store orders, sponsors, finances and analytics.

The look is a dark "stadium night": a violet-tinted near-black canvas, one electric-violet accent, gold kept for champions, Anton capitals over Manrope, and the league's own match footage and photography carrying the hero and the mission, vision and values cards.

Champi League mission, vision and values as three photo cards of players and the trophy on a dark violet page.

Champi League home page on a phone: the hero headline over match footage with stacked buttons.

Champi League on a phone: the mission card, a player celebrating in front of a full stand.