Skip to content

Pequeño y básico CRUD de usuarios, implementado utilizando una combinación de tecnologías web como HTML, Bootstrap, CSS, JavaScript, LocalStorage y SweetAlert2.

Notifications You must be signed in to change notification settings

PabloMad75/001_CRUD_LocalStorage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

(:es:)

Ejemplo de un pequeño y básico CRUD de usuarios

Este proyecto es un ejemplo de un pequeño y básico CRUD de usuarios, implementado utilizando una combinación de tecnologías web como HTML, Bootstrap, CSS, JavaScript, LocalStorage y SweetAlert2.

El objetivo del proyecto es mostrar cómo se puede crear un formulario de registro de usuarios que permite realizar operaciones CRUD (Crear, Leer, Actualizar y Eliminar) en los datos de usuario utilizando las capacidades del navegador.

La interfaz de usuario se ha desarrollado utilizando HTML y CSS, con la ayuda del framework Bootstrap para crear un diseño responsive y estilizado. Se han utilizado clases de Bootstrap para dar formato a los elementos del formulario y mejorar la apariencia visual.

La lógica del formulario y las operaciones CRUD se han implementado en JavaScript. Se ha utilizado LocalStorage, una característica del navegador web, para almacenar los datos de los usuarios de forma persistente en el dispositivo del usuario. Esto permite que los datos se conserven incluso después de que el usuario cierre la página o reinicie el navegador.

Para mejorar la experiencia del usuario, se ha utilizado SweetAlert2, una biblioteca de JavaScript que proporciona notificaciones y modales elegantes y personalizables. Se utiliza para mostrar mensajes de éxito, advertencias y confirmaciones al realizar operaciones como agregar, editar o eliminar usuarios.

En resumen, este proyecto muestra cómo combinar HTML, Bootstrap, CSS y JavaScript para crear un formulario de registro de usuarios con funcionalidad CRUD básica. La incorporación de LocalStorage y SweetAlert2 agrega características adicionales, como el almacenamiento persistente de datos y notificaciones visuales atractivas.

Tecnologías utilizadas:

  • Html.
  • Bootstrap.
  • Css.
  • JavaScript.
  • LocalStorage.
  • SweetAlert2.

Imagen

CRUD_LocalStorage


✨ por ©️PabloMad 😊

About

Pequeño y básico CRUD de usuarios, implementado utilizando una combinación de tecnologías web como HTML, Bootstrap, CSS, JavaScript, LocalStorage y SweetAlert2.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published