Proyecto: ALIANZA PARA EL PROGRESO - Desarrollo Web Full-Stack | Pool Deza
Detalle, stack tecnológico, funcionalidades e impacto de ALIANZA PARA EL PROGRESO
Plataforma oficial del partido político peruano con panel admin, gestión de recursos y multilingüe ES/QU.
APP es la plataforma web oficial del partido político peruano Alianza Para el Progreso, con sitio institucional, panel administrativo completo y gestión de recursos. Desarrollé un ecosistema full-stack multilingüe (ES/QU) con autenticación OAuth, gestión de archivos, boletín de suscripción y grid de congresistas dinámico.
Como Desarrollador Full-Stack (Tech Lead), fui responsable de la arquitectura completa, diseño del sistema de roles (admin/subadmin), optimización de performance, integración de múltiples módulos y deployment en Vercel + Docker.
El sistema procesa 10K+ visitas mensuales con 99.9% uptime y SEO enterprise que posiciona #1 en Google Perú para búsquedas del partido.
- RolTech Lead
- Año2025
- StackNext.js 15, TS, MySQL
- EstadoEn Producción
- Visitas/mes10K+
- Uptime99.9%
NextAuth.js, Google OAuth, JWT, roles granulares
next-intl (ES/QU), dynamic routing [locale]
Nodemailer, boletín + notificaciones
Framer Motion, easing effects
Hero dinámico, secciones informativas, QR popup interactivo y dark mode completo.
Timeline con EFOP (Escuela de Formación Política), galerías de imágenes y eventos.
Grid de 10+ congresistas con links a redes sociales (Facebook, Instagram, X, TikTok, YouTube).
Jerarquía de categorías (educativo, financiero, técnico), búsqueda global y descarga de archivos.
Validación de email, Nodemailer, gestión de subscribers con panel admin.
Admin (acceso total), SubAdmin (gestión parcial), User (solo lectura). RBAC completo.
Implementé next-intl con dynamic routing [locale]. Contexto de idioma persistente en localStorage. Metadata dinámico con getTranslations().
Schema Prisma con categorías anidadas. Búsqueda global recursiva con algoritmo O(n). Paginación cursor-based + offset-based dual. UI con breadcrumbs.
Lazy loading con intersection observer + skeleton loaders. Image optimization con next/image + WebP. Queries Prisma con select selectivo.
TypeScript 99.6% coverage. Proyecto privado para partido político. Estructura limpia: `(alianzaparaelprogreso)` para público, `(admin)` para privado. Docker multi-stage + Vercel deployment automático desde main. Seed script para datos iniciales. Prisma migrations versionadas. NextAuth.js con callback personalizado por rol.