https://github.com/juanma-gutierrez/proyecto-cdp-javascript

Proyecto final del CDP Javascript, CRUD realizado sobre localstorage, con captura de datos de API externa.
https://github.com/juanma-gutierrez/proyecto-cdp-javascript

api apirest css database html javascript json localstorage

Last synced: 3 months ago
JSON representation

Proyecto final del CDP Javascript, CRUD realizado sobre localstorage, con captura de datos de API externa.

• Host: GitHub
• URL: https://github.com/juanma-gutierrez/proyecto-cdp-javascript
• Owner: Juanma-Gutierrez
• Created: 2022-08-02T16:05:56.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-10T15:45:00.000Z (almost 4 years ago)
• Last Synced: 2025-01-11T21:33:50.049Z (over 1 year ago)
• Topics: api, apirest, css, database, html, javascript, json, localstorage
• Language: JavaScript
• Homepage:
• Size: 360 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Proyecto final de Javascript del Certificado de Profesionalidad de Desarrollo de Aplicaciones Web 🧰

Ejercicio final de Javascript, que debe cubrir las siguientes especificaciones:

-   Separar el código .html y .css de .js

-   Control de eventos

-   Formularios dinámicos (select dinámicos)

-   Creación de objetos en el DOM

-   Guardar los datos del formulario con:

    -   localStorage, o

    -   indexedDB

-   Implementar al menos una clase con herencia

-   Modularizar los diferentes archivos .js (separa el código .js)

-   Usar API Restful (API web) para la inserción aleatoria de datos

## Comenzando 🚀

Abrir el archivo index.html y automáticamente se pone en marcha la aplicación en tu navegador.

## Funcionamiento 🔨

Tenemos dos páginas principales:

-   Alta:

    -   Donde podremos dar de alta a los usuarios.

    -   Los campos CCAA, Provincia y Población son dinámicos, en función a lo que se vaya escogiendo, se va adaptando el contenido de los siguientes campos.

    -   Existe la opción de cargar datos aleatorios desde una API externa. En ese caso, CCAA pasa a comportarse como País, modificando el selector para que deje introducir dicho campo. Lo mismo ocurre con Provincia y Población, que se adaptan para poder registrar los campos importados.

![Imagen de alta de usuarios](https://raw.githubusercontent.com/Juanma-Gutierrez/Proyecto-CDP-Javascript/main/assets/photo01.jpg)

-   Consulta:

    -   Podremos ver un listado con todos los registros.

    -   Tendremos opción de modificar el registro seleccionado pulsando el lápiz 🖍.

        -   En ese caso, nos traslada todos los datos del registro a la página de altas.

    -   También podremos borrar el registro pulsando en la papelera 🗑.

![Imagen de consulta de usuarios](https://raw.githubusercontent.com/Juanma-Gutierrez/Proyecto-CDP-Javascript/main/assets/photo02.jpg)

Aparte, tendremos opción de seleccionar modo oscuro o modo claro, pulsando en el botón indicado.

![Imagen de modo claro/modo oscuro](https://raw.githubusercontent.com/Juanma-Gutierrez/Proyecto-CDP-Javascript/main/assets/photo03.jpg)

## Formatos:

-   HTML

-   CSS

-   Javascript

## Construido con 🛠️

-   Visual Studio Code

## Autor ✒️

-   **Juanma Gutiérrez** - [Juanma-Gutierrez](https://github.com/Juanma-Gutierrez)