Aplicación realizada con Angular

Contenido

1. Información
2. Estado
3. Funcionalidades
4. Creación de componentes
5. Instalación
6. Tecnologías
7. Autor

Información

Aplicación desarrollada en el módulo de Angular del máster de Full Stack. En ella se realiza un CRUD a partir de los datos obtenidos de la API Fake Peticiones.Online.

Con esta actividad se pretende poner en práctica lo aprendido sobre peticiones Http, rutas,formularios y validaciones así como la comunicación entre componentes.

Estado

Funcionalidades

- Visualizar los usuarios en un formato GRID.
- Acceder a una vista detallada de cada usuario.
- Relizar las acciones de un CRUD.

Creación de componentes:

1. Pages:

   • home: página principal de la web donde se visualiza todos los usuarios.

   • view-user: componente donde se podrá visualizar con detalles los datos del usuario.

   • not-found: componente que indica que la página solicitada no es posible encontrarla.

2. Components:

   • form: componente donde se ha creado el formulario para crear un nuevo usuario o para actualizar un usuario existente.

   • card-user:elemento creado para la visualización de todos los usuarios.

   • header: menú de navegación.

3. Interfaces:

   • Data: establece las propiedades que recibe la petición.
   • User: establece las propiedades para poder manipular el array de usuarios.

4. Servicios:

   • Donde se realizan las diferentes peticiones a la API.

   Instalación

   1. Clonar el proyecto.
   2. Dirigite a la carpeta del proyecto y a través de la terminal accede al proyecto introduciendo el comando cd Tarea6.
   3. Inserta en la terminal npm install.
   4. Levanta el servidor de ámbito local mediante el comando ng s -o

Tecnologías

• Angular versión 16.1.8

Autor

_{Sergio Vélez Díaz}