A comprehensive web application designed for the professional management of vending machine businesses. This application provides robust tools for sales tracking, inventory management, and business analytics.
- User Authentication: Secure login system with role-based access control (Admin/Operator).
- Dashboard: High-level overview of business performance and key metrics.
- Sales Tracking: Record and monitor daily sales by location and machine.
- Inventory Management: Track product stock levels and manage supplies.
- Complaints Management: System for registering and tracking customer complaints.
- Administration (Admin Only):
- Manage Products: Add, update, and categorize products.
- Manage Plazas: Configure vending machine locations.
- Manage Machines: Oversee vending machine units.
- Manage Supplies: Track operational supplies.
- Reports (Admin Only): Detailed financial and sales analytics to drive business decisions.
This project is built using modern web development technologies and methodologies:
- Frontend Framework: React 19
- Build Tool: Vite
- Routing: React Router 7
- Styling: Custom CSS Variables (Slate & Gold Theme) for a premium, responsive design.
- Icons: Lucide React
- Architecture: Component-based architecture focused on modularity and reusability.
This application was created with "vibe coding" methodology, leveraging the power of advanced AI tools to accelerate development and ensure high-quality code.
Tools used:
- Google Antigravity: For advanced agentic coding workflows.
- Agent Manager: For orchestrating complex tasks.
- Gemini 3.0: Providing state-of-the-art language understanding and code generation.
- And other AI-assisted development tools.
Una aplicación web completa diseñada para la gestión profesional de negocios de máquinas expendedoras. Esta aplicación proporciona herramientas robustas para el seguimiento de ventas, gestión de inventario y análisis de negocios.
- Autenticación de Usuarios: Sistema de inicio de sesión seguro con control de acceso basado en roles (Administrador/Operador).
- Panel de Control (Dashboard): Visión general del rendimiento del negocio y métricas clave.
- Seguimiento de Ventas: Registro y monitoreo de ventas diarias por ubicación y máquina.
- Gestión de Inventario: Control de niveles de stock de productos y gestión de suministros.
- Gestión de Quejas: Sistema para registrar y dar seguimiento a las quejas de los clientes.
- Administración (Solo Administrador):
- Gestión de Productos: Agregar, actualizar y categorizar productos.
- Gestión de Plazas: Configurar ubicaciones de las máquinas expendedoras.
- Gestión de Máquinas: Supervisar unidades de máquinas expendedoras.
- Gestión de Suministros: Rastreo de suministros operativos.
- Reportes (Solo Administrador): Análisis detallados financieros y de ventas para la toma de decisiones.
Este proyecto está construido utilizando tecnologías y metodologías modernas de desarrollo web:
- Framework Frontend: React 19
- Herramienta de Construcción: Vite
- Enrutamiento: React Router 7
- Estilos: Variables CSS personalizadas (Tema Pizarra y Oro) para un diseño premium y responsivo.
- Iconos: Lucide React
- Arquitectura: Arquitectura basada en componentes enfocada en la modularidad y reutilización.
Esta aplicación fue creada con la metodología "vibe coding", aprovechando el poder de herramientas avanzadas de IA para acelerar el desarrollo y asegurar código de alta calidad.
Herramientas utilizadas:
- Google Antigravity: Para flujos de trabajo de codificación agéntica avanzados.
- Agent Manager: Para la orquestación de tareas complejas.
- Gemini 3.0: Proporcionando comprensión de lenguaje y generación de código de última generación.
- Y otras herramientas de desarrollo asistidas por IA.