Descripción

Calculadora de Precios de Vidrio Monolítico

Una aplicación web interactiva y personalizable para calcular de forma rápida y precisa el coste de vidrios monolíticos. Diseñada para ser intuitiva y eficiente, permite a los usuarios obtener presupuestos detallados basados en múltiples parámetros, desde el tipo de vidrio y sus dimensiones hasta acabados específicos como el pulido de cantos o el templado.

Características Principales

• Cálculo Dinámico en Tiempo Real: El presupuesto se actualiza instantáneamente a medida que el usuario modifica los parámetros.

• Amplia Base de Datos Inicial: Incluye una lista predefinida de decenas de tipos de vidrios, acabados de canto, formas especiales y opciones de templado.

• Panel de Ajustes Avanzado: Permite modificar en detalle todos los precios base de la aplicación (vidrios, cantos, formas, templado) y los porcentajes de descuento, ofreciendo una personalización total.

• Persistencia de Datos: Todas las personalizaciones de precios se guardan en el localStorage del navegador, manteniendo la configuración entre sesiones.

• Diseño Moderno y Adaptable (Responsive): La interfaz, construida con Tailwind CSS, se adapta perfectamente a dispositivos de escritorio y móviles.

• Tema Claro y Oscuro: Incluye un selector de tema para mejorar la comodidad visual del usuario, cuya preferencia también se guarda localmente.

• Validaciones Inteligentes: El sistema avisa al usuario si una configuración no es válida (p. ej., intentar templar un vidrio de un grosor no compatible) sin interrumpir el flujo de trabajo.

• UX Cuidada: Componentes intuitivos como el selector de cantidad y una clara separación entre el formulario de entrada y el desglose de resultados.

Cómo Funciona

La lógica de cálculo principal tiene en cuenta los siguientes factores para generar el precio final:

1. Superficie: Se calcula el área total, aplicando una facturación mínima por pieza si esta no alcanza el umbral establecido (0.25 m²).

2. Precio Base del Vidrio: Se multiplica el precio/m² del vidrio seleccionado por la superficie efectiva.

3. Recargo Energético: Un coste adicional por m² asociado a cada tipo de vidrio.

4. Descuentos: Se aplica un descuento configurable sobre el precio base del vidrio.

5. Acabados:

   • Cantos: Se calcula el precio según el perímetro total y el tipo de acabado, validando su aplicabilidad según el grosor del vidrio.

   • Formas: Se añade un precio fijo por cada pieza que requiera un corte especial (circular, poligonal, etc.).

   • Templado: Se añade un sobrecoste por m² si se selecciona, aplicando también un descuento configurable a este proceso.

Stack Tecnológico

• Frontend Framework: React (v18)

• Lenguaje: TypeScript

• Bundler: Vite

• Estilos: Tailwind CSS

• Linting/Formatting: Configuración estricta de TypeScript y probablemente Prettier (no especificado pero estándar).

• Íconos: SVG personalizados como componentes de React.