Este proyecto es un Sistema de Gestión CRUD desarrollado utilizando JavaScript como el lenguaje principal de programación. El sistema permite realizar operaciones de Crear, Leer, Actualizar y Eliminar (CRUD) sobre un conjunto de datos almacenados en el navegador utilizando LocalStorage.
- Validación de formularios: Se implementan validaciones en el formulario para asegurar que todos los campos requeridos estén completos y correctos antes de procesar la información.
- Almacenamiento Local: Los datos se almacenan de forma persistente en el LocalStorage del navegador, lo que permite la gestión de la información sin necesidad de una base de datos externa.
- Generación de ID único: Cada registro creado tiene un ID único generado automáticamente, lo que facilita la identificación y manipulación de los datos.
- Interfaz Interactiva: La aplicación cuenta con una tabla interactiva donde se muestran los datos ingresados, con opciones para editar o eliminar cada registro.
- Agregar datos: Llena el formulario con la información requerida (nombre, edad, dirección, correo electrónico) y presiona el botón "Agregar". Los datos se almacenarán y se mostrarán en la tabla.
- Editar datos: Haz clic en el botón "Editar" junto al registro que deseas modificar. La información se cargará en el formulario para su edición. Luego de hacer los cambios, presiona el botón "Actualizar".
- Eliminar datos: Presiona el botón "Eliminar" para borrar un registro específico. Este se eliminará del LocalStorage y la tabla se actualizará automáticamente.
Este proyecto ha sido una excelente oportunidad para fortalecer conocimientos en:
- JavaScript: Manejo de DOM, funciones, eventos, y uso de LocalStorage.
- Desarrollo Web: Implementación de formularios interactivos, validación de datos y manipulación de elementos HTML desde JavaScript.
- Gestión de datos: Uso de estructuras de datos en JavaScript para almacenar, manipular y mostrar información de manera dinámica.
Puedes ver la aplicación en acción visitando el siguiente enlace: Sistema de Gestión CRUD.