Permite realizar operaciones CRUD (Crear, Leer, Actualizar, Eliminar) sobre una base de datos JSON usando JavaScript con Fetch API. La interfaz web es minimalista y responsive, con validación básica y manejo de errores.
- Listado dinámico de productos con nombre y precio.
- Creación de nuevos productos con validación.
- Edición de productos existentes.
- Eliminación de productos con confirmación.
- Interfaz sencilla y clara.
- Mensajes informativos en consola para facilitar.
- Responsive para todos los tamaños de pantalla.
- HTML5: estructura básica del formulario y lista de productos.
- CSS3: estilos básicos en tonos grises y negro con diseño responsive.
- JavaScript: lógica para consumir la API REST usando Fetch y manejo de eventos.
- JSON-server: servidor falso para simular la API REST local.
- Levantar JSON-server para la API local.
- Abrir el archivo
index.htmlen el navegador. - Añadir, editar o eliminar productos desde la interfaz.
- Ver la lista actualizada en tiempo real.
- Usar consola para ver mensajes y errores.