Sistema Venta General

🛒 SimpleStore — Sistema de Gestión de Ventas Web

Template web completo para gestión de ventas y punto de venta. Diseñado para negocios de retail que necesitan una solución visual, moderna y fácil de personalizar, sin requerir un servidor backend.

✅ ¿Qué incluye?

El template cuenta con más de 35 pantallas HTML completamente funcionales, organizadas en los siguientes módulos:

🏠 Dashboard

• Panel principal con métricas del día: ventas, transacciones, ticket promedio y clientes atendidos.
• Gráfico de ventas comparativo (hoy vs. ayer) con Chart.js.
• Desglose por forma de pago: efectivo, tarjeta y transferencia.
• Tabla de productos más vendidos del día.
• Modales integrados para crear ventas, productos y clientes directamente desde el panel.

💰 Punto de Venta (POS)

• Pantalla de Punto de Venta con grilla de productos, búsqueda y filtros por categoría.
• Pantalla de Nueva Venta con carrito, descuentos y múltiples formas de pago.
• Soporte para pago mixto (efectivo + tarjeta + transferencia).
• Generación de comprobante de venta con vista previa e impresión.
• Cálculo automático de cambio en pagos en efectivo.
• Búsqueda y selección de clientes desde el POS.

📦 Catálogos

• Gestión de Productos: alta, edición, búsqueda y eliminación.
• Gestión de Clientes: datos de contacto, historial y notas.
• Categorías de Productos.
• Actualización Rápida de Precios individual por producto.
• Actualización Masiva de Precios: ajuste por porcentaje o monto fijo, con filtros y vista previa.

📊 Reportes

• Reporte de Ventas por Período con filtros de fecha.
• Reporte por Formas de Pago con gráfico de dona.
• Reporte de Productos Más Vendidos.
• Reporte de Ventas por Categoría.
• Reporte de Anulaciones y Ventas Anuladas.
• Reporte de Descuentos Aplicados.
• Reporte de Actividad de Clientes.
• Cierre de Caja Diario.

📈 Reportes y Análisis Avanzados

• Análisis de Clientes Principales con gráficos de comportamiento.
• Análisis de Horas Pico de Venta.
• Exportación Avanzada de Datos en múltiples formatos.

🔧 Herramientas y Mantenimiento

• Importar y Exportar Datos generales y de productos.
• Historial y Consulta de Ventas.
• Registro de Actividad y Log del sistema.
• Respaldo y Restauración de Datos.
• Módulo de Ayuda, Soporte técnico y Tutorial interactivo.

🛠️ Tecnologías utilizadas

LibreríaVersiónUsoBootstrap5.1.3Layout, grilla, componentes responsivosjQuery3.6.0Manejo de eventos, AJAX, DOMChart.jsLatest CDNGráficos de ventas, dona, barrasFont Awesome6.0Iconografía en toda la interfazSelect24.1.0Selectores avanzados con búsqueda📁 Estructura del proyecto

sistema-web-ventas-simple/
├── Index.html                        ← Contenedor principal (menú + iframe)
├── Login.html                        ← Pantalla de inicio de sesión
├── dashboard.html / .js             ← Panel principal
├── punto_venta.html / .js           ← Punto de Venta
├── nueva_venta.html / .js           ← Nueva Venta
├── productos.html / .js             ← Gestión de Productos
├── clientes.html / .js              ← Gestión de Clientes
├── reporte_*.html / .js             ← Módulo de Reportes (x10)
├── actualizacion_precios*.html/.js  ← Actualización de Precios
├── importar_exportar*.html/.js      ← Importar / Exportar
├── mantenimiento_*.html / .js       ← Mantenimiento y Logs
├── respaldo_restauracion.html / .js ← Respaldo y Restauración
├── tutorial.html                    ← Tutorial interactivo
└── Resources_Index.js               ← Traducciones i18n del menú principal

🚀 Cómo usar el template

1. Descomprime el archivo ZIP descargado.
2. Abre Index.html en tu navegador — no requiere servidor.
3. Navega desde el menú lateral a cualquier módulo.
4. Para personalizar colores, edita las variables CSS en :root dentro de Index.html.
5. Para conectar a un backend, reemplaza los datos de ejemplo en los archivos .js por llamadas fetch() o $.ajax().

🎨 Paleta de colores

Primario

#2F80EDÉxito / Acento

#27AE60Secundario

#4F4F4F📞 Soporte y código completo

Este template incluye la versión de demostración funcional. Para obtener el código fuente completo, personalización o integración con backend, comunícate por WhatsApp.

⚠️ Los datos mostrados son de ejemplo. El template está listo para conectarse a cualquier API REST o base de datos.