Inventario IES Lacimurga
Inventario del almacén del gimnasio con etiquetas QR y datos en Google Sheets
Sobre el proyecto
Inventario del Gimnasio es la web que usa el departamento de Educación Física del IES Lacimurga, mi antiguo instituto, para saber qué material hay en el almacén: cuántas unidades, de qué talla, en qué estado y en qué estantería está. Cada estantería, armario o caja lleva una etiqueta QR; al escanearla con el móvil se abre su página con todo lo que contiene.
Lo desarrollé de forma desinteresada. Las condiciones eran claras: coste cero, seguro y que los datos de los alumnos no salieran del centro. Diseñé primero los wireframes en Figma y, tras valorar una primera versión con servidor y préstamos, la simplifiqué a una web estática: los profesores mantienen el inventario en una hoja de Google Sheets que ya saben usar y la web la lee y calcula todos los totales.
La versión oficial vive en la organización de GitHub del centro, IESLACIMURGA, que es desde donde se publica la web que usan los profesores. En mi cuenta guardo una copia como portfolio.
Cómo funciona
Google Sheets
Los profesores editan el inventario en 5 pestañas, con permisos e historial de cambios
Publicado como CSV
La hoja se publica en solo lectura, sin servidor ni base de datos
La web calcula
Descarga las pestañas y calcula disponibles, tallas, estados y ubicaciones
Etiquetas QR
Cada ubicación tiene su QR para abrir su contenido desde el móvil
Características principales
Buscador y filtros
Búsqueda por nombre, talla, ubicación o código, filtros por estado y navegación por categorías.
Cantidades siempre cuadradas
Las unidades se escriben una sola vez y la web calcula todos los totales.
Ubicaciones con QR
Almacén, estantería, estante y caja, con generador de QR propio e impresión de etiquetas en varios tamaños.
Exportar e imprimir
Exportación a Excel protegida contra inyección de fórmulas y estilos propios para papel.
Instalable (PWA)
Se instala como app en el móvil y, sin conexión, muestra la última copia descargada.
Segura y probada
Solo lectura, CSP, protección XSS y 26 pruebas automáticas con el test runner de Node.
Capturas
Stack Tecnológico
Frontend
- HTML5 Semántico
- CSS3 (responsive e impresión)
- JavaScript con módulos ES
- PWA (manifest + service worker)
Datos & Lógica
- Google Sheets publicado como CSV
- Generador de QR propio
- node --test (26 pruebas)
- Filtros y totales calculados
Herramientas
- GitHub Pages
- Figma (wireframes)
- Git & GitHub