Este proyecto es una tabla CRUD de artículos de una tienda ficticia.
Únicamente se utilizó Bootstrap 5 y el plug-in Alertify para realizar este proyecto. El resto del código es Javascript puro y no utiliza ningún framework ni librería adicional.
La aplicación obtiene los datos por medio de una REST API. Las solicitudes se realizan con el método fetch()
en cada operación CRUD con funciones asíncronas. Cada vez que se realiza una modificación a la tabla, el DOM se actualiza sin recargar la página.
La REST API fue creada con Spring Boot y obtiene los datos de una base de datos MySQL. Para más información sobre la API, visitar el repositorio Tabla CRUD API.
This project was made in Spanish. Comments and other elements may appear in that language. I apologize for any inconvenience.
This project is a CRUD table of items for a fictional store.
Only Bootstrap 5 and Alertify plug-in were used for this project. The rest of the code is vanilla Javascript and doesn’t use any frameworks or additional libraries.
The app gets data through a REST API. Requests are made using fetch()
on each CRUD operation in async functions. Each time a modification is made to the table, the DOM is updated without reloading the browser.
The REST API was made with Spring Boot and gets the data from a MySQL database. For more information about the API, check out the following repository: CRUD Table API.