Les Santes
La Festa Major de Mataró a la teva butxaca - construïda de punta a punta per una sola persona
Cada estiu, Mataró celebra Les Santes: sis dies de concerts, correfocs, cercaviles de gegants i esdeveniments a l’aire lliure que atrauen desenes de milers de persones per tota la ciutat.
L’única eina oficial? Un PDF imprès i una web estàtica sense dades en temps real. La gent s’havia d’imaginar les hores dels actes, on eren les cercaviles en moviment i si s’havia cancel·lat alguna cosa.
Així que vaig construir tot l’ecosistema jo mateix: aplicació mòbil, web de màrqueting i gestor de continguts (CMS) per a l’administració; en solitari, des de zero i de forma pública.
Per què existeix aquest projecte
He assistit a Les Santes des de fa més de 20 anys. Cada edició veia la mateixa escena: gent amb programes de paper arrugats preguntant-se: “on són els gegants ara?” o “a quina hora comença el correfoc?”.
El problema és realment complex en el moment: les cercaviles es mouen, els actes comencen tard, la cobertura és dolenta en carrers plens de gent i la web oficial no està pensada per a un ús en temps real.
Mataró es mereix millors eines. Per això les vaig construir: un projecte d’utilitat pública, en solitari, sense client, sense pressupost i sense equip. Només un problema que valia la pena resoldre i una tecnologia que valia la pena aprendre.
Aspectes tècnics destacats
L’aplicació
L’aplicació mòbil (React Native + Expo) està organitzada al voltant d’una pregunta: què passa ara mateix?
Ara
Obre l’app i mira immediatament què hi ha en directe: una targeta destacada amb l’acte actual i una llista horitzontal dels següents. Sense registres ni configuracions: directament a la festa.
Mapa (Mapa interactiu)
Els actes fixos apareixen com a punts. Les cercaviles en moviment mostren la seva posició estimada en temps real com una línia animada, recalculada cada segon interpolant el temps transcorregut sobre la ruta GeoJSON. Sembla en directe perquè el càlcul es fa en directe.
Agenda (Programa complet)
El programa complet, filtrable per dia, categoria, tipus d’acte o distància. Un sistema de preferits permet als usuaris marcar actes i rebre notificacions abans que comencin.
Recursos (Arxiu)
Un arxiu amb tots els cartells oficials de la festa des de 1892, a més d’una galeria de les postals dels Gegants, tot codificat en AVIF per a una càrrega instantània.
Decisions clau de disseny
La pàgina web (Landing page)
Un lloc web construït amb Next.js 15 App Router que serveix per descarregar l’app i com a gestor de continguts (CMS) per a l’organitzador. Optimitzat per a Core Web Vitals i amb una estructura SEO pensada per competir amb el domini oficial de la ciutat.
El panell d’administració
Un back-office protegit per contrasenya integrat a la web. L’organitzador pot crear, editar i cancel·lar actes sense tocar codi. Les cancel·lacions requereixen un motiu que s’envia a l’instant a totes les apps connectades via Supabase Realtime i notificacions push.
La creació d’actes permet tant llocs fixos com cercaviles. Les rutes de les cercaviles es dibuixen a geojson.io i es pugen en format GeoJSON; l’app les fa servir per calcular la posició en directe durant la festa.
Tecnologia d’un cop d’ull
| Capa | Tecnologia |
|---|---|
| App mòbil | React Native, Expo SDK 54, Expo Router |
| Estat i memòria | Zustand, AsyncStorage |
| Mapa | MapLibre GL JS en WebView, MapTiler |
| Notificacions push | Expo Notifications, Supabase Realtime |
| Landing i CMS | Next.js 15, Tailwind CSS v4, shadcn/ui |
| Backend | Supabase (PostgreSQL, Auth, Realtime) |
| SEO | JSON-LD @graph, FAQPage, subEvent[], AI allowlist |
| Imatges | AVIF (reducció del 97% de mida) |
| Internacionalització | Català primari, Anglès de reserva |
Estat actual
La propera edició de la festa serà del 24 al 29 de juliol de 2026.
L’aplicació està disponible a Google Play per a dispositius Android. Actualment estic treballant per obtenir el reconeixement oficial de l’Ajuntament de Mataró i publicar la versió per a iOS.
Tot el codi font és obert sota la llicència MIT.
Enllaços
