Volver a proyectos

MonkiApp Back-Office

Panel de administración para una plataforma de servicios entre clientes y profesionales

Next.jsReactTailwind CSS

Fui el responsable principal del desarrollo full-stack del frontend de este back-office, encargándome de la arquitectura de carpetas, el sistema de diseño, la autenticación, la integración con la API del backend y la mayoría de los módulos funcionales. Definí un patrón de organización por dominio que separa estrictamente las páginas, los componentes de presentación y la lógica de estado y datos, evitando llamadas duplicadas entre distintas vistas de un mismo módulo.

Construí una amplia variedad de módulos funcionales: gestión de socios y sus solicitudes, clientes registrados, citas y servicios con reclamaciones y reseñas, programas de fidelización completos con reglas, miembros y recompensas, promociones y descuentos, pagos y comisiones, reportes de moderación, configuración general y un panel de estadísticas con gráficos. También implementé la autenticación con sesión protegida y un sistema de proxy hacia la API del backend, incluyendo el manejo correcto de formularios con archivos adjuntos.

Definí un sistema de diseño consistente, con paleta y patrones visuales propios documentados para mantener coherencia entre decenas de pantallas construidas por distintas personas, incluyendo el uso de herramientas de inteligencia artificial durante el desarrollo. Además, desarrollé herramientas de calidad hechas a medida: reglas de análisis de código que refuerzan la arquitectura evitando dependencias indebidas entre módulos, y un auditor que escanea todo el código fuente para detectar violaciones al sistema de diseño y generar reportes automáticos.

Este proyecto demuestra el diseño de una arquitectura frontend escalable aplicada de forma consistente en un proyecto real de gran tamaño, con decenas de módulos funcionales. También refleja la capacidad de construir herramientas internas propias para mantener calidad y consistencia sin depender solo de revisión manual, así como pruebas más allá de lo convencional aplicadas a esas mismas herramientas, junto con una integración full-stack completa que incluye autenticación, manejo de formularios, mapas, gráficos e interfaces complejas.

Relacionados

Más proyectos como este

udev-iaAplicaciones Web y Móviles

udev-ia

Chat con IA + agentes personalizados con tools propias, todo en un mismo lugar

Ver proyecto
UTESALAB × Visit Santiago — Desafío de Innovación Abierta

UTESALAB × Visit Santiago — Desafío de Innovación Abierta

Landing y backoffice para el primer reto de innovación abierta de UTESALAB

Ver proyecto
Plataforma de Diplomados — MetricasAplicaciones Web y Móviles

Plataforma de Diplomados — Metricas

Sistema de gestión integral para programas de diplomados y educación continua

Ver proyecto
¿Algo más grande?

Trabajemos con todo un equipo

¿Buscas un equipo completo para llevar tu marca al siguiente nivel? En mi agencia diseñamos y construimos experiencias digitales a medida.

Visitar Mi Agencia