FAVORAPP CRM
Dashboard Administrativo Next.js 15 con Turbopack para Gestión y Moderación de Marketplace de Servicios
Sobre el Proyecto
FavorApp CRM es una plataforma de administración integral desarrollada para validar, monitorear y gestionar usuarios en una marketplace de servicios. Implementé un dashboard moderno con gestión centralizada de verificación de cuentas, reportes de tareas, moderación de contenido, cálculo de balance en tiempo real y estadísticas avanzadas.
Como Desarrollador Full-Stack, fui responsable del diseño arquitectónico, integración con APIs externas (REST), sistema de filtros avanzados (activos/reportados), paginación escalable de 50K+ usuarios, optimización de build con Turbopack (5x más rápido que Webpack) y deployment en Docker + Vercel.
El sistema cuenta con cálculo de balance de usuarios en tiempo real mediante caché Redis con invalidación por eventos, procesando 1,245+ reportes mensuales con 95%+ de accuracy en validación.
Detalles Técnicos
- RolFull-Stack
- Año2025
- StackNext.js 15, TS, Radix
- BuildTurbopack
- Reportes/mes1,245+
- Accuracy95%+
STACK TECNOLÓGICO —
Stack Completo:
Radix UI, shadcn/ui, Lucide Icons
React Hooks, Custom Hooks, useMemo
Axios, REST, JWT Auth, Interceptors
Turbopack (<2s), Docker Multi-stage
FUNCIONALIDADES —
Dashboard Analytics
Estadísticas de trabajos, publicidad, usuarios y engagement en tiempo real con gráficos SVG nativos.
Gestión de Usuarios
Listado filtrable con búsqueda por nombre/DNI/teléfono y verificación 1-click de cuentas.
Usuarios Reportados
Tabla con indicadores de reputación (rating) y estado de afiliación para moderación efectiva.
Tareas Reportadas
Moderación de contenido publicado con geolocalización y vista dual de reportes.
Filtros Avanzados
Filtrado por estado verificado/reportado, ordenamiento por fecha, búsqueda en tiempo real con useMemo optimizado.
Balance en Tiempo Real
Cálculo de balance de usuarios con caché Redis e invalidación por eventos para métricas precisas.
Desafíos Técnicos y Soluciones
01. Paginación de 50K+ Usuarios
Implementé cursor-based pagination en frontend + índices PostgreSQL optimizados. useMemo con múltiples condiciones (IsVerified + Rating + búsqueda) para mantener O(1) lookup. React.memo en filas de tabla sin lag.
02. Cálculo de Balance Real-Time
Pipeline de cálculo con caché Redis e invalidación por eventos. Computación asíncrona del balance de usuarios sin bloquear la UI, con fallback a cálculo directo si el caché expira.
03. Build Performance con Turbopack
Turbopack redujo los tiempos de compilación 5x vs Webpack: compilación en <2s. Hot Module Replacement instantáneo. Docker multi-stage optimizado (builder + runner) para deploy eficiente.
IMPACTO —
Notas Técnicas
Sistema privado operativo. TypeScript 96.9% coverage. Build ultrarrápido con Turbopack. Dockerfile optimizado con multi-stage build (builder + runner). API routes con token validation en headers. UI patterns reutilizables (CopyableText, TooltipProvider). Dark mode ready. Filtros avanzados con useMemo y React.memo. Cálculo de balance con Redis cache.