https://github.com/emptyshop/angularrestapiclient
Contact List Client (CRUD & REST API) (Angular Implementation)
https://github.com/emptyshop/angularrestapiclient
angular angularmaterial rest-api typescipt
Last synced: about 1 year ago
JSON representation
Contact List Client (CRUD & REST API) (Angular Implementation)
- Host: GitHub
- URL: https://github.com/emptyshop/angularrestapiclient
- Owner: EmptyShop
- Created: 2024-11-11T22:18:46.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-26T20:06:59.000Z (about 1 year ago)
- Last Synced: 2025-02-26T21:19:59.779Z (about 1 year ago)
- Topics: angular, angularmaterial, rest-api, typescipt
- Language: TypeScript
- Homepage:
- Size: 130 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AngularRestApiClient
Cliente de API Rest (Angular)
Este proyecto lo hice como parte de un conjunto de aplicaciones que consumen una API que programé en Python para las operaciones básicas (CRUD) de una lista de contactos: [Contact List App](https://github.com/EmptyShop/FlaskSqlAlchemyApp). Este proyecto (AngularRestApiClient) es un cliente para Web, codificado en Angular. La UI contiene una tabla con la lista de contactos registrados. Una segunda página de la UI se accede desde los botones Agregar y Actualizar; esta página contiene 3 campos de texto correspondientes a nombre, email y teléfono para editar sus valores.
# Cómo lo Hice
## En este proyecto utilicé:
* Angular 18.1.2
* Angular Material UI 18.1.2
## Lo implementé así:
* En el template del componente de inicio `inicio.component.html`
# Documentación Autogenerada por Angular
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.1.2.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.