Sitio institucional y sistema administrativo · 2026
Plataforma AMAC
Sitio y dashboard en producción para AMAC, gestionando socios, eventos, talleres, directivas y solicitudes de unión.
- Tipo
- Institutional + Admin
- Módulos
- Members / Events
- Estado
- Production
Problema
AMAC necesitaba presencia pública para la asociación y un sistema privado para gestionar socios, talleres, eventos, inscripciones, directivas y membresías desde un solo lugar.
Participación
Construcción de un monorepo TypeScript con Next.js y Express, sitio público, formulario de unión, dashboard autenticado, módulos CRUD, carga de imágenes, reportes PDF y solicitudes por correo.
Puntos clave
- El sitio público comunica la misión de AMAC y permite que mecánicos, talleres y estudiantes soliciten membresía.
- El dashboard gestiona socios, tipos de socio, talleres, asignaciones, eventos, inscripciones, directivas y usuarios.
- Exportaciones PDF para listados de socios e inscripciones a eventos, más manejo de imágenes con Azure Blob.
Cómo está construido
- App Next.js dividida entre rutas públicas y rutas protegidas de dashboard.
- API Express protegida por API keys y cookies de sesión firmadas, con rutas montadas con y sin /api para compatibilidad de despliegue.
- Persistencia en PostgreSQL, validación con Zod, flujo de unión con Nodemailer, optimización de imágenes con Sharp y Azure Blob Storage.
Stack
Next.js · React · TypeScript · Express · PostgreSQL · React Hook Form · Zod · React PDF · Azure Blob · Nodemailer · Tailwind CSS