Full Stack
WeMatch Admin Panel
Panel administrativo responsive para WeMatch con autenticación por roles, altas de clubes, e-commerce, inventario, promociones y analítica comercial.
Resumen
Panel administrativo responsive para WeMatch con autenticación por roles, altas de clubes, e-commerce, inventario, promociones y analítica comercial.
Mi participación
Participé en la construcción del panel administrativo, integrando autenticación, dashboard, altas de clubes, catálogo, inventario, promociones, ventas y servicios del backend.
Implementación
Trabajé sobre una SPA con React, TypeScript, Vite y React Router conectada a una API Express. Integré autorización administrativa, Supabase para datos y storage, formularios validados, polling controlado y una interfaz responsive.
Funciones principales
- Inicio de sesión administrativo, autorización por rol, renovación de sesión y cierre seguro.
- Dashboard con métricas de jugadores, clubes, productos, stock, colecciones, alertas y actividad reciente.
- Consulta de jugadores con búsqueda, estado, datos de contacto y paginación.
- Consulta de clubes con búsqueda por nombre, ciudad o dirección y paginación.
- Registro público de clubes mediante un wizard con datos operativos, pistas, horarios, tarifas, políticas, información fiscal e imágenes.
- Revisión de solicitudes con filtros, detalle, aprobación, rechazo, generación de invitaciones y envío de emails.
- CRUD de productos con búsqueda, categorías, precios, visibilidad, destacados, ofertas flash, SKU, marca e imágenes.
- Control de inventario con stock inicial, umbral de stock bajo, ajustes y registro de movimientos.
- CRUD de colecciones con banners, orden, productos asociados y publicación.
- Gestión de campañas flash y códigos promocionales porcentuales o de importe fijo.
- Analítica de ventas por período con ingresos, pedidos, ticket medio, unidades, tendencias, productos destacados y pedidos recientes.
- UX responsive con loaders, errores, estados vacíos, toasts, confirmaciones y actualizaciones automáticas según visibilidad.
Resultado
Contribuí a centralizar en una sola herramienta el onboarding de clubes, la operación del e-commerce y la lectura de métricas comerciales de WeMatch.
Stack
- React
- TypeScript
- Vite
- React Router
- Tailwind CSS
- Express
- Supabase
- PostgreSQL