ShopManager — Aplicación web multilingüe para gestión comercial
ShopManager es una aplicación web en producción orientada a la gestión diaria de un negocio.
Centraliza entidades maestras, documentos operativos, stock, caja e informes en una única interfaz web.
La aplicación permite personalización por usuario, incluyendo selección de idioma y tema visual, y consume una API backend propia que aplica las reglas de negocio.
El problema
En muchos negocios pequeños y medianos, la gestión diaria se apoya en:
- hojas de cálculo,
- herramientas inconexas,
- procesos manuales sin control de estado,
- y ausencia de una visión unificada del negocio.
Esto provoca errores, duplicidad de información y dificultad para operar con fiabilidad.
La solución
Desarrollé una aplicación web de gestión comercial que actúa como punto único de operación, organizando el dominio del negocio en módulos claros y coherentes.
La aplicación separa estrictamente:
- interfaz de usuario,
- lógica de negocio (backend),
- y persistencia de datos,
permitiendo evolucionar cada parte de forma independiente.
Funcionalidades principales
Gestión de entidades
Administración de los maestros del sistema:
- Usuarios
- Productos
- Clientes
- Proveedores
Incluye operaciones de alta, edición y baja, con control de acceso por rol.
Documentos de negocio
Gestión completa de documentos operativos:
- Albaranes de compra
- Albaranes de venta
- Depósitos de stock
- Transferencias de cash
Cada documento sigue un flujo claro:
- creación en borrador,
- gestión de líneas,
- confirmación,
- y aplicación automática de efectos sobre stock y caja.
Stock y caja
La aplicación permite:
- gestionar ubicaciones de stock,
- mover stock entre ubicaciones,
- gestionar cuentas de caja,
- y registrar transferencias de efectivo.
Todo ello de forma coherente con los documentos del negocio.
Informes
Módulo de informes para consulta rápida de:
- compras,
- ventas,
- transferencias de cash,
- depósitos de stock.
Pensado para obtener una visión operativa inmediata del estado del negocio.
Perfil de usuario, idioma y tema
Cada usuario dispone de un perfil configurable con:
- actualización de datos de cuenta,
- cambio de contraseña,
- selección de idioma de la interfaz,
- selección de tema visual.
Actualmente la aplicación soporta:
- Idiomas: Español, Inglés y Francés
- Temas: Claro y Oscuro (arquitectura preparada para ampliar la lista)
Las preferencias se guardan por usuario y se aplican automáticamente en toda la aplicación.
Arquitectura frontend
- Aplicación SPA
- Navegación estructurada por secciones: Inicio, Entidades, Documentos, Informes, Perfil
- Consumo exclusivo de la API backend de ShopManager
- Frontend desacoplado de la lógica de negocio
- Gestión de estado global con Pinia.
Stack técnico
- Framework frontend: Vue 3 + Vite
- Routing: Vue Router
- Comunicación API: Axios
- Gestión visual: componentes propios
- Despliegue: Netlify
Operación y despliegue
- Aplicación desplegada en Netlify
- Build automático desde repositorio GitHub
- Configuración por variables de entorno
Qué demuestra este proyecto
Este proyecto demuestra mi capacidad para:
- Diseñar aplicaciones de gestión completas
- Implementar multilenguaje y personalización por usuario
- Traducir reglas de negocio a flujos de UI claros
- Integrar frontend con APIs propias
- Operar software real en producción
- Construir sistemas preparados para crecer y evolucionar
Imágenes del proyecto
- 1. Panel principal — visión general de la aplicación
- 2. Gestión de entidades — usuarios, productos, clientes y proveedores
- 3. Documentos de negocio — albaranes y movimientos
- 4. Perfil de usuario (idioma y tema)
- 5. Informes
(capturas reales ya proporcionadas)
