Seguda página de bootcamp UDD, la cual tiene fines educativos, también puede servir para un proyecto real de registro de pacientes, utilizando librerías Bootstrap, CSS, Javascript y SweetAlert para el despliegue de confirmaciones.
El presente proyecto pretende mostrar de forma simple un registro de pacientes, usando persistencia de localStorage, el código puede ser utilizado para distintas ideas, desde una lista de tareas como también una agenda telefónica o lo que se estime conveniente. Posee además botones de búsqueda, edición y eliminación de registros limpiando la página de formularios y volviendo de forma automática a index. Se agrega ademas El proyecto cuenta con 2 paginas (index.html y pacientes-form.html) las cuales se muestran a continuación:
La primera, index.html muestra una sección de Nav con logo y link de acceso a la página principal, un jumbotron simple que muestra el fin del sistema, botones de ingreso de nuevo usuarios al registro, búsqueda y la carga de pacientes en la medida que se vayan ingresando.
PACIENTES-FORM-HTML
La segunda, pacientes-form.html despliega un formulario de ingreso una vez presionado el botón de "NUEVO" en la página anterior, los parámetros son sencillos y de una interfaz limpia, sin mayores complicaciones.
El diseño es totalmente responsive, apto para todo dispositivo las librerías utilizadas en la carga son las siguientes: Bootstrap, CSS y SweetAlert:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"></script>
<!-- Popper JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.3/dist/sweetalert2.all.min.js"></script>
<link rel="stylesheet" href="./css/style.css">
A todo el mundo mundial... !
"Ríe, y el mundo entero reirá contigo! ... Llora, y llorarás solo!"