cotizador/CHANGELOG.md

192 lines
5.2 KiB
Markdown

# 📋 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