https://github.com/angelou20/gl-prueba-frontend

Este repositorio contiene el código del frontend para la prueba de Practicante de Desarrollo Web del Grupo Lucky. El proyecto es una aplicación CRUD desarrollada con Angular 16 y utiliza Angular Material para el diseño.
https://github.com/angelou20/gl-prueba-frontend

Last synced: over 1 year ago
JSON representation

Este repositorio contiene el código del frontend para la prueba de Practicante de Desarrollo Web del Grupo Lucky. El proyecto es una aplicación CRUD desarrollada con Angular 16 y utiliza Angular Material para el diseño.

• Host: GitHub
• URL: https://github.com/angelou20/gl-prueba-frontend
• Owner: AngelOU20
• Created: 2024-04-10T21:09:31.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-10T22:33:49.000Z (about 2 years ago)
• Last Synced: 2025-01-11T11:24:59.728Z (over 1 year ago)
• Language: TypeScript
• Size: 307 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Frontend

Este repositorio contiene el código fuente del frontend para el proyecto de práctica del Practicante de Desarrollo Web.

## Capturas de Pantalla

### Interfaz 1

![Interfaz 1](https://raw.githubusercontent.com/AngelOU20/gl-prueba-frontend/main/src/assets/img/readme/prueba-1.png)

La primera interfaz muestra una tabla con una lista de clientes. Esta tabla incluye operaciones CRUD (Crear, Leer, Actualizar, Eliminar), así como filtros y paginación para facilitar la gestión de los datos de los clientes.

### Interfaz 2

![Interfaz 2](https://raw.githubusercontent.com/AngelOU20/gl-prueba-frontend/main/src/assets/img/readme/prueba-2.png)

La segunda interfaz presenta un formulario para agregar un nuevo cliente. Este formulario recopila la información necesaria para crear un nuevo registro de cliente en la base de datos.

### Interfaz 3

![Interfaz 3](https://raw.githubusercontent.com/AngelOU20/gl-prueba-frontend/main/src/assets/img/readme/prueba-3.png)

La tercera interfaz es para editar la información de un cliente existente. Aquí, puedes actualizar los detalles del cliente según sea necesario.

### Interfaz 4

![Interfaz 3](https://raw.githubusercontent.com/AngelOU20/gl-prueba-frontend/main/src/assets/img/readme/prueba-4.png)

La cuarta interfaz muestra el detalle de un cliente específico. Aquí puedes ver toda la información relacionada con un cliente seleccionado.

## Construcción

Este proyecto fue generado con [Angular CLI](https://github.com/angular/angular-cli) versión 16.2.13.

## Servidor de desarrollo

Ejecuta `ng serve` para iniciar el servidor de desarrollo. Navega a `http://localhost:4200/`. La aplicación se recargará automáticamente si realizas cambios en cualquiera de los archivos fuente.

## Generación de código

Ejecuta `ng generate component nombre-componente` para generar un nuevo componente. También puedes utilizar `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Ejecución de pruebas unitarias

Ejecuta `ng test` para ejecutar las pruebas unitarias a través de [Karma](https://karma-runner.github.io).

## Ejecución de pruebas de extremo a extremo

Ejecuta `ng e2e` para ejecutar las pruebas de extremo a extremo a través de una plataforma de tu elección. Para utilizar este comando, primero debes agregar un paquete que implemente las capacidades de pruebas de extremo a extremo.

## Ayuda Adicional

Para obtener más ayuda sobre Angular CLI, utiliza `ng help` o visita la página [Angular CLI Overview and Command Reference](https://angular.io/cli).