https://github.com/lemoncode/angular-lab-2023
Laboratorio del training de Angular 2023
https://github.com/lemoncode/angular-lab-2023
Last synced: 4 months ago
JSON representation
Laboratorio del training de Angular 2023
- Host: GitHub
- URL: https://github.com/lemoncode/angular-lab-2023
- Owner: Lemoncode
- Created: 2023-02-18T17:16:06.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-20T07:18:54.000Z (over 3 years ago)
- Last Synced: 2025-10-25T17:58:59.831Z (8 months ago)
- Size: 7.73 MB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Laboratorio Angular
Vamos a crear una aplicación simple que contendrá dos páginas:
1. Listado de películas
2. Visualización detalle de películas
## Listado de películas
El listado de películas va a leer los datos de una API REST que nos proporciona una lista de películas.
Vamos a mostrar el siguiente layout:
## Navegación
- Pinchando en una película del listado, vamos a navegar a la página de detalle de la película, donde podemos editarla.
## Edición película
Podemos editar una película existente para ello usaremos el verbo PUT o PATCH de la API REST.
Validaciones formulario:
- URL Imagen:
- Obligatorio.
- URL Bien formada.
- Título:
- Obligatorio.
- Mínimo 3 caracteres.
- Año
- Obligatorio.
- Año entre 1900 y 2100.
- Director
- Obligatorio.
- Mínimo 3 caracteres.
# Servidor
En el repositorio de Angular-Lab se incluye una API Rest para pruebas, el repo esta en la siguiente url:
Clonalo a local, una vez clonado, y en la carpeta de trabajo, ejecuta:
```bash
cd server
```
```bash
npm start
```
Se levantara un servidor en el puerto 3001, para acceder al listado de películas, la url:
```
http://localhost:3001/movies
```
# Opcional
Puntos opcionales a entregar:
- Utilizar los controles de Angular Material.
- Añadir funcionalidad de creación de película.
- Añadir un botón de borrado de película.