📝 Exámen técnico (gestor de materiales y piezas)

Sistema de gestión para materiales y piezas de carpintería/mueblería desarrollado con React y TypeScript.

---

✅ Tareas Completadas

• ✔️ Fetch de materiales desde archivo JSON.
• ✔️ Arreglar la estructura de la tabla de materiales.
• ✔️ Resolver los errores de la consola.
• ✔️ Indicadores de carga (spinners) para mejorar UX.
• ✔️ Completar la tabla de piezas.
• ✔️ Cálculo y visualización del área total.
• ✔️ Estilizado especial para piezas tipo CAJÓN.
• ✔️ Bonus: Filtro dinámico por tipo de pieza (BASE, CAJON, PUERTA).
• ✔️ Bonus: Formulario con validación para crear nuevas piezas.
• ✔️ Bonus: Persistencia de piezas usando localStorage.

🖥️ Características

• 🔍 Gestión de materiales: Visualización completa con propiedades como precio, espesor, textura y dimensiones.
• 🧩 Inventario de piezas: Listado detallado de todas las piezas disponibles.
• 🗂️ Filtrado por tipo: Posibilidad de filtrar por categoría (BASE, CAJÓN, PUERTA).
• 📐 Cálculo de área: Cálculo automático del área total (en m²).
• ➕ Formulario de creación: Añadir nuevas piezas con validación de datos.
• 💾 Persistencia de datos: Guardado automático con localStorage.

---

🛠️ Tecnologías

• ⚛️ React 19 – Biblioteca principal para la interfaz de usuario.
• 💬 TypeScript – Tipado estático para código más robusto.
• ⚡ Vite – Herramienta de desarrollo rápida y moderna.
• 🔀 React Router – Navegación entre distintas vistas.
• 🎨 CSS Modules – Estilos encapsulados por componente.
• 📦 LocalStorage API – Persistencia en el navegador.

---

🚀 Instalación local

git clone https://github.com/CarlosDanielOK/react-interview.git
npm install
npm run dev