prompts.txt

Crea una página web moderna tipo dashboard para un sistema de gestión de inventario, con las siguientes funcionalidades:  Login: Pantalla de inicio de sesión con autenticación básica (usuario y contraseña).  Validación de usuario y contraseña en el frontend.  Roles: "admin" y "usuario". El rol admin puede crear, editar y eliminar productos. El rol usuario solo puede ver y agregar productos.  Dashboard: Después del login, mostrar un dashboard tipo panel administrativo (moderno, elegante y responsive).  Incluir una barra lateral con navegación entre:  Resumen del inventario  Lista de productos  Agregar producto  Cerrar sesión  Funcionalidades: Mostrar tabla de productos con nombre, categoría, precio, cantidad.  El botón "Agregar producto" debe mostrar un formulario con campos:  nombre  categoría (select con opciones: Electrónicos, Ropa, Alimentos, Oficina, Hogar)  precio  cantidad  descripción  Al hacer clic en "Guardar producto", los datos deben enviarse como un POST JSON tipo raw al endpoint /api/productos.  Incluir el código JavaScript que permita enviar la solicitud con fetch() y deje claramente un espacio comentado donde se puede configurar la URL de la API (base_url) y el encabezado Authorization para autenticación básica.  Los productos deben poder visualizarse en la tabla si se desea cargarlos desde la misma API (GET /api/productos), usando fetch().  Estilo: Diseño moderno y elegante usando Tailwind CSS o Bootstrap.  Debe ser responsive (adaptado a móviles y escritorio).  Mostrar alertas de éxito o error después de enviar productos.  Esta página debe estar completamente lista para conectarse con una API backend desarrollada en Java Spring Boot que se conecta a una base de datos MySQL gestionada desde HeidiSQL.  Incluir comentarios dentro del código que expliquen dónde configurar la URL de la API y cómo manejar el envío con autenticación básica.