cotizador/CHANGELOG.md

5.2 KiB

📋 Registro de Cambios

[2.0.0] - 2025-10-06

🎉 Cambios Mayores

Autenticación

  • Implementado sistema de login con PIN de 4 dígitos
  • Teclado numérico en pantalla para dispositivos móviles
  • Gestión de sesiones PHP con api/auth.php
  • Archivo de configuración centralizado config/pins.php
  • Protección automática de páginas (require login)
  • Botón de logout en todas las páginas
  • Detección automática de sesión activa

Diseño y UI

  • Migración completa de Bootstrap a TailwindCSS
  • Interfaz moderna con gradientes y sombras
  • Animaciones suaves en hover y transiciones
  • Diseño responsive mejorado
  • Cards con efectos de elevación
  • Colores consistentes (Indigo como color principal)
  • Página de login atractiva y funcional

Código

  • Eliminado jQuery completamente
  • JavaScript moderno ES6+ (Vanilla JS)
  • Uso de Fetch API en lugar de $.ajax
  • Async/await para operaciones asíncronas
  • Event listeners modernos
  • Código más limpio y mantenible

Estructura de Archivos

  • APIs organizadas por funcionalidad:
    • api/auth.php - Autenticación
    • api/brasil.php - Productos Brasil
    • api/chile.php - Productos Chile
  • Datos separados por país:
    • data/productos_brasil.json
    • data/productos_chile.json
  • JavaScript modularizado:
    • assets/js/auth.js - Sistema de autenticación
    • assets/js/app.js - Lógica de productos
  • Configuración centralizada:
    • config/pins.php - PINs de usuarios

🗑️ Archivos Eliminados

  • index2.html - Versión antigua sin funcionalidad
  • index3.html - Versión antigua duplicada
  • guardar.php - API antigua (reemplazada por apis específicas)
  • productos.json - Datos antiguos (migrados a brasil/chile)
  • layout.html - Template de referencia no utilizado
  • assets/css/styles.css - CSS de Bootstrap (reemplazado por Tailwind)

📝 Archivos Actualizados

index.html

  • Transformado en página de login con PIN
  • Interfaz moderna con TailwindCSS
  • Teclado numérico funcional
  • Validación de PIN en tiempo real
  • Selección de país post-autenticación

pages/brasil.html y pages/chile.html

  • Migradas completamente a TailwindCSS
  • Integración con sistema de autenticación
  • Navbar mejorado con botón de logout
  • Tablas responsivas con mejor UX
  • Formularios estilizados

assets/js/app.js

  • Reescrito en JavaScript moderno
  • Sin dependencias de jQuery
  • Uso de Fetch API
  • Async/await para operaciones
  • Manejo mejorado de eventos
  • TailwindCSS classes en lugar de Bootstrap

🆕 Archivos Nuevos

Sistema de Autenticación

  • api/auth.php - Backend de autenticación
  • config/pins.php - Configuración de PINs
  • assets/js/auth.js - Cliente de autenticación

APIs por País

  • api/brasil.php - CRUD productos Brasil
  • api/chile.php - CRUD productos Chile

Datos

  • data/productos_brasil.json - Productos Brasil (migrados)
  • data/productos_chile.json - Productos Chile (vacío)

Documentación

  • INSTRUCCIONES.md - Guía de uso completa
  • CHANGELOG.md - Este archivo
  • README.md - Actualizado con nueva estructura

🔑 PINs Configurados

PIN Usuario
1234 Marce
5678 Eli
0000 Admin

🎨 Stack Tecnológico

Antes:

  • Bootstrap 5
  • jQuery 3.6
  • CSS personalizado

Ahora:

  • TailwindCSS (CDN)
  • Vanilla JavaScript ES6+
  • Sin CSS personalizado (todo en Tailwind)

📊 Métricas

  • Archivos eliminados: 6
  • Archivos nuevos: 8
  • Archivos actualizados: 5
  • Líneas de código reducidas: ~30% menos código
  • Dependencias eliminadas: 2 (Bootstrap, jQuery)

🐛 Correcciones

  • Eliminados IDs duplicados en formularios
  • Corregido cálculo de totales por responsable
  • Validación mejorada de cotización
  • Manejo de errores en APIs
  • Feedback visual en operaciones

🔒 Seguridad

  • Sesiones PHP implementadas
  • Validación de PIN en servidor
  • Protección de rutas sensibles
  • Sanitización de entrada de datos

📱 Mejoras de UX

  • Teclado numérico para móviles
  • Auto-submit al completar PIN de 4 dígitos
  • Indicadores de carga (spinners)
  • Mensajes de error claros
  • Confirmaciones visuales (colores verde/rojo)
  • Hover effects en todos los elementos interactivos

🚀 Performance

  • Reducción de dependencias externas
  • Código más eficiente (Vanilla JS)
  • Menos archivos CSS/JS para cargar
  • Fetch API nativo (más rápido que jQuery)

[1.0.0] - Versión Anterior

Características Originales

  • Sistema básico de comparación de precios
  • Bootstrap para diseño
  • jQuery para interacciones
  • Archivo único de productos
  • Sin autenticación
  • Tabs para Brasil/Chile (con bugs)

🔮 Próximas Versiones

[2.1.0] - Planificado

  • Base de datos MySQL
  • Hasheo de PINs (bcrypt)
  • Historial de cambios
  • Múltiples responsables personalizables

[2.2.0] - Planificado

  • Dashboard con gráficos
  • Exportar a Excel/PDF
  • API REST completa
  • Tests unitarios

[3.0.0] - Futuro

  • PWA (Modo offline)
  • Notificaciones push
  • Multi-idioma
  • Tema oscuro/claro