ALIANZA PARA EL PROGRESO

Plataforma oficial del partido político peruano con panel admin, gestión de recursos y multilingüe ES/QU.

APP - Alianza Para el Progreso Website

Sobre el Proyecto

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.

VISITAR SITIO OFICIAL

Detalles Técnicos

  • RolTech Lead
  • Año2025
  • StackNext.js 15, TS, MySQL
  • EstadoEn Producción
  • Visitas/mes10K+
  • Uptime99.9%

STACK TECNOLÓGICO —

Next.js 15
React 19
TypeScript 5
Tailwind CSS 3
Prisma 5.5.2
MySQL
NextAuth OAuth
Docker

Stack Completo:

Auth:

NextAuth.js, Google OAuth, JWT, roles granulares

i18n:

next-intl (ES/QU), dynamic routing [locale]

Email:

Nodemailer, boletín + notificaciones

Animaciones:

Framer Motion, easing effects

FUNCIONALIDADES —

Landing Institucional

Hero dinámico, secciones informativas, QR popup interactivo y dark mode completo.

Página de Historia

Timeline con EFOP (Escuela de Formación Política), galerías de imágenes y eventos.

Bancada APP

Grid de 10+ congresistas con links a redes sociales (Facebook, Instagram, X, TikTok, YouTube).

Sistema de Recursos

Jerarquía de categorías (educativo, financiero, técnico), búsqueda global y descarga de archivos.

Boletín Suscripción

Validación de email, Nodemailer, gestión de subscribers con panel admin.

Roles Diferenciados

Admin (acceso total), SubAdmin (gestión parcial), User (solo lectura). RBAC completo.

Desafíos Técnicos y Soluciones

01. Multiidioma ES/QU sin Duplicación

Implementé next-intl con dynamic routing [locale]. Contexto de idioma persistente en localStorage. Metadata dinámico con getTranslations().

02. Gestión Jerárquica de Recursos

Schema Prisma con categorías anidadas. Búsqueda global recursiva con algoritmo O(n). Paginación cursor-based + offset-based dual. UI con breadcrumbs.

03. Grid de Congresistas Optimizado

Lazy loading con intersection observer + skeleton loaders. Image optimization con next/image + WebP. Queries Prisma con select selectivo.

IMPACTO —

10K+
Visitas mensuales
#1
SEO rank Google Perú
99.9%
Uptime Vercel
A+
Core Web Vitals
<1.2s
LCP (Largest Contentful Paint)
2,000+
Suscriptores boletín
35%+
Tasa apertura emails

Notas Técnicas

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.

POLÍTICO + TECNOLOGÍA.

VER SITIO OFICIAL