Kevin Leiva
← Proyectos
05Caso de estudioPWA · Gobierno · Cultura

Cultura Constitución.

PWA de la Dirección de Cultura y Turismo de la Municipalidad de Constitución: cartelera cultural, inscripción a eventos con butacas numeradas en el Teatro Municipal, beneficios para vecinos y un panel con métricas en tiempo real.

Rol

Desarrollo fullstack (equipo Awna)

Año

2026

Cultura Constitución

El problema

La oferta cultural de la comuna necesitaba un lugar propio: una cartelera única, cupos controlados y saber quién ocupa cada butaca del teatro para llamar a confirmar antes de la función.

La solución

01

Calendario interactivo

Vistas de mes, semana, día y lista, con filtros por categoría, lugar y tipo. Se instala como app y funciona sin conexión en lo ya visitado.

02

Butacas numeradas

Mapa del Teatro Municipal con 469 butacas: una butaca es una persona, con su nombre. Los nombres solo los ven los gestores, nunca otros vecinos.

03

Pase cultural y beneficios

Los vecinos registrados ven la cartelera completa, los eventos exclusivos y descuentos en comercios locales. El filtro vive en el servidor.

04

Panel por roles

Admin, funcionario y ciudadano, cada uno con lo suyo: métricas, asistentes, usuarios, newsletter y exportación CSV.

Stack

Frontend

Vue 3ViteTailwindPiniaFullCalendar

Backend

NodeExpressPrismaPostgreSQL

PWA

vite-plugin-pwaWorkbox

Servicios

JWTCloudinaryCSV en streaming
Vue 3ViteTailwindPiniaFullCalendarNodeVue 3ViteTailwindPiniaFullCalendarNodeVue 3ViteTailwindPiniaFullCalendarNodeVue 3ViteTailwindPiniaFullCalendarNode

Arquitectura

El control de acceso es del servidor, no del navegador: lo que un visitante anónimo no puede ver nunca llega a su pantalla.

1

Vecino

PWA en Vue 3

Instalable, con caché de eventos e imágenes vía Workbox.

2

API

Express + Prisma

JWT y guardas por rol en cada ruta.

Butacas

Reserva atómica con errores claros si alguien ganó el asiento.

3

Datos

PostgreSQL

Eventos, recintos, butacas e inscripciones.

Cloudinary

Imágenes de los eventos.

4

Gestión

Panel admin

Métricas en tiempo real, asistentes y usuarios.

Exportaciones

Asistentes y suscriptores a CSV.

Pantallas

01 / 06
Inicio
01 InicioPúblico
Calendario
02 CalendarioVecino
Butacas del teatro
03 Butacas del teatroVecino
Beneficios
04 BeneficiosVecino
Panel
05 PanelAdmin
Gestión de eventos
06 Gestión de eventosAdmin

Siguiente proyecto · 06

GORE Valparaíso→

Kevin Leiva · hola@simple-soluciones.com
LinkedInGitHub
© 2026