Logo
Explorador de archivos

El Equilibrio

Aplicación web que convierte las fiestas de un grupo de amigos en una liga. Nació de un pique entre amigos por ver quién iba a más planes: en lugar de llevar la cuenta en el chat, cada grupo crea sus eventos, suma puntos por asistir y por cada momento de la noche, y compite en una clasificación con niveles, histórico y temporadas.

Gamificación Multigrupo Mobile First
Ver Proyecto
Pantalla de inicio del grupo
1 / 6

Uso Real · Últimos 30 Días

3.134

Páginas vistas +453 %

294

Visitantes +352 %

10 %

Tasa de rebote

Datos de Vercel Web Analytics en producción, hasta el 24 de septiembre de 2026

Funcionalidades Principales

📅

Eventos

Crea planes, apúntate y mira quién va antes de salir de casa.

🍹

Sistema de Puntos

Asistir da puntos, y cada momento de la fiesta también. Todo queda registrado en el evento.

🏆

Ranking en Directo

Clasificación con podio, histórico y temporadas para empezar de cero.

⭐

Perfiles y Niveles

Cada 10 puntos subes de nivel, de Principiante a Leyenda. El perfil guarda tus estadísticas de todas las fiestas.

⚙️

Panel de Administración

Categorías, puntos, niveles y miembros se configuran desde el móvil, sin tocar código.

👥

Multigrupo

Cada grupo tiene su código de invitación, sus reglas y su propia liga.

Stack Tecnológico

Tecnologías utilizadas en el desarrollo de El Equilibrio

Frontend

Next.js 16

Framework Full Stack

Framework de React que une frontend y backend en una sola aplicación, con App Router, renderizado en servidor y despliegue optimizado en Vercel.

App RouterSSRFull Stack

React 19

Biblioteca UI

Biblioteca para construir la interfaz mobile first mediante componentes reutilizables: eventos, ranking, perfiles y panel de administración.

TypeScript

Lenguaje Base

Tipado estático compartido entre cliente y servidor, lo que garantiza que los datos que viajan por la API son siempre coherentes.

Tailwind CSS

Estilos

Framework de utilidades CSS para construir una interfaz oscura, moderna y totalmente responsive pensada para el móvil.

Backend

tRPC

API Type-Safe

API tipada de extremo a extremo sin necesidad de definir esquemas REST: los tipos del servidor llegan directamente al cliente.

End-to-end typesProcedures

Prisma

ORM

ORM con tipado automático para modelar grupos, miembros, eventos, categorías de puntuación y registros de puntos.

Base de Datos

PostgreSQL

Base de Datos Relacional

Base de datos relacional para almacenar grupos, usuarios, eventos, asistencias, puntos, niveles y temporadas.

Despliegue y Control de Versiones

Vercel

Hosting y Analytics

Despliegue continuo desde el repositorio y Vercel Web Analytics para medir el uso real de la aplicación en producción.

Git

Control de Versiones

Gestión del historial de cambios y ramas de desarrollo durante todo el proyecto.

GitHub

Repositorio Remoto

Plataforma de alojamiento del código conectada a Vercel para desplegar automáticamente cada cambio.

El Desafío

Retos técnicos y problemáticas resueltas en el desarrollo

Arquitectura Multigrupo

La app empezó para un único grupo de amigos, pero se diseñó para que cualquier grupo pudiera tener su propia liga aislada del resto:

  • Cada grupo con su código de invitación único
  • Datos, eventos y rankings aislados por grupo
  • Roles de administrador y miembro dentro de cada grupo
  • Invitados sin cuenta que también pueden sumar puntos

Sistema de Puntuación Configurable

Cada grupo tiene sus propias reglas, así que la puntuación no podía estar escrita en el código. Se modeló como datos editables desde el panel de administración:

  • Categorías de puntuación con puntos, icono y color personalizables
  • Tipos de categoría: asistencia a evento o acciones agrupadas
  • Niveles calculados automáticamente cada 10 puntos
  • Temporadas para reiniciar la clasificación conservando el histórico

Acceso sin Fricción

Para que todo el grupo la usara de verdad, entrar tenía que ser inmediato, sin formularios largos ni verificaciones por email:

  • Login con nombre y PIN, sin emails
  • Demo pública que crea un grupo de prueba al vuelo
  • Interfaz mobile first pensada para usarse en plena fiesta

Una Sola App, de Punta a Punta

Frontend y backend conviven en un único proyecto Next.js. Con tRPC y Prisma los tipos fluyen desde la base de datos PostgreSQL hasta los componentes de React, de modo que cualquier cambio en el modelo se detecta en tiempo de compilación en toda la aplicación. El resultado está en producción en Vercel y el grupo la usa de verdad: más de 3.000 páginas vistas en los últimos 30 días con una tasa de rebote del 10 %.