What it isQué es
A companion web app for a Minecraft SMP community: a home hub around the server with player profiles and rankings, community farms, lore and memorable moments, clans, battles and businesses — everything the SMP needs in one place.Una app web complementaria para la comunidad de un servidor SMP de Minecraft: un centro alrededor del servidor con perfiles y rankings de jugadores, granjas de la comunidad, lore y momentos memorables, clanes, batallas y negocios — todo lo que el SMP necesita en un solo lugar.
My partMi participación
A team project. I worked on the React front-end and the Supabase data layer — typed hooks, cached queries and the social features (profiles, rankings, reactions, comments) that hold the community together.Un proyecto en equipo. Trabajé en el front-end de React y la capa de datos en Supabase — hooks tipados, consultas cacheadas y las funciones sociales (perfiles, rankings, reacciones, comentarios) que unen a la comunidad.
The challengeEl reto
A game community is a moving target: dozens of little features (farms, lore, clans, a multi-axis ranking of players) that all read and write the same shared data. The work was modelling that domain in Postgres, keeping everything type-safe from the database to the component, and caching server state so the app feels instant without hammering the backend — while designing screens playful enough to fit a Minecraft server.Una comunidad de juego es un blanco móvil: decenas de funciones pequeñas (granjas, lore, clanes, un ranking multieje de jugadores) que leen y escriben los mismos datos compartidos. El trabajo fue modelar ese dominio en Postgres, mantener todo tipado desde la base de datos hasta el componente, y cachear el estado del servidor para que la app se sienta instantánea sin saturar el backend — a la vez que diseñábamos pantallas lo bastante lúdicas para un servidor de Minecraft.
Tech behind itTecnologías detrás
- React 19 + Vite SPA with fast HMR builds.SPA con builds y HMR rápidos.
- TypeScript + Zod Typed end to end, runtime validation.Tipado de punta a punta, validación en runtime.
- Supabase Postgres, auth and edge functions.Postgres, auth y edge functions.
- TanStack Query Server-state cache and mutations.Caché de estado de servidor y mutaciones.
- Firebase + Tailwind 4 Extra services and styling.Servicios extra y estilos.
HighlightsLo más llamativo
Player rankingsRankings de jugadores
The social heart of the app: every player scored across ten axes — PvP, redstone, farming, strategy, reputation… — and re-sortable by any of them. A whole gamified reputation system.El corazón social de la app: cada jugador puntuado en diez ejes — PvP, redstone, granjas, estrategia, reputación… — y reordenable por cualquiera. Todo un sistema de reputación gamificado.
Community farmsGranjas de la comunidad
A catalogue of redstone builds shared by players, each tagged by type and size with its production rates — a living library of what the server has engineered.Un catálogo de construcciones de redstone compartidas por los jugadores, cada una etiquetada por tipo y tamaño con sus tasas de producción — una biblioteca viva de lo que el servidor ha ingeniado.
Lore & memorable momentsLore y momentos memorables
A timeline where the community writes its own history — screenshots and stories of the builds, raids and disasters that make an SMP feel like a world.Una línea de tiempo donde la comunidad escribe su propia historia — capturas y relatos de las construcciones, incursiones y desastres que hacen que un SMP se sienta como un mundo.