A
Anonymous

Default Component - Copy this React, Tailwind Component to your project

Desarrolla una interfaz de gestión de inventario para StockMaster con un diseño limpio y moderno, utilizando un fondo blanco con acentos en azul. La interfaz debe incluir una tabla de productos con columnas para nombre, código, stock y precio, además de un campo de búsqueda en la parte superior para filtrar productos. También debe contar con una barra de filtros para segmentar los productos por stock y precio, y botones azules para agregar, editar y eliminar productos. Debe ser responsive, permitir la exportación a Excel y contar con paginación para facilitar la navegación. Al hacer clic en 'Agregar', debe abrirse un modal donde se puedan ingresar los datos de un nuevo producto, incluyendo la opción de subir una imagen. Al hacer clic en 'Editar', debe abrirse un modal donde se puedan modificar los datos del producto y guardarlos correctamente. Al hacer clic en 'Eliminar', debe solicitar confirmación antes de borrar el producto. Toda la funcionalidad debe estar completamente implementada para que los productos puedan agregarse, editarse y eliminarse correctamente, con validaciones para evitar datos incorrectos

Prompt
Component Preview

About

DefaultComponent - Create a responsive inventory management interface with a product table, filters, modals for editing, and export to E. Start coding now!

Share

Last updated 1 month ago