https://github.com/sgcm14/formularios-app

App para practicar el manejo de Forms por template y reactivos con validaciones
https://github.com/sgcm14/formularios-app

angular bootstrap jasmine-tests json-server

Last synced: about 2 months ago
JSON representation

App para practicar el manejo de Forms por template y reactivos con validaciones

• Host: GitHub
• URL: https://github.com/sgcm14/formularios-app
• Owner: sgcm14
• Created: 2023-04-08T20:15:21.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-08T23:43:03.000Z (almost 3 years ago)
• Last Synced: 2025-03-15T11:49:52.491Z (over 1 year ago)
• Topics: angular, bootstrap, jasmine-tests, json-server
• Language: TypeScript
• Homepage: https://formularios-app-sgcm14.netlify.app/
• Size: 904 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
FormulariosApp

==============

- Este proyecto se realizó siguiendo el curso [Angular: De cero a experto](https://www.udemy.com/course/angular-fernando-herrera/# "Angular: De cero a experto") 

> En este proyecto se usó Angular, Bootstrap

![](https://raw.githubusercontent.com/sgcm14/formularios-app/main/doc/imagen1.png)

> Pantalla de **Template - Básicos**

![](https://raw.githubusercontent.com/sgcm14/formularios-app/main/doc/imagen2.png)

> Pantalla de **Template - Dinámicos**

![](https://raw.githubusercontent.com/sgcm14/formularios-app/main/doc/imagen3.png)

> Pantalla de **Template - Switches**

![](https://raw.githubusercontent.com/sgcm14/formularios-app/main/doc/imagen4.png)

> Pantalla de **Reactive - Básicos**

![](https://raw.githubusercontent.com/sgcm14/formularios-app/main/doc/imagen5.png)

> Pantalla de **Reactive - Dinámicos**

![](https://raw.githubusercontent.com/sgcm14/formularios-app/main/doc/imagen6.png)

> Pantalla de **Reactive - Switches**

![](https://raw.githubusercontent.com/sgcm14/formularios-app/main/doc/imagen7.png)

> Pantalla de **Validaciones - Registro**

Para la validación de email se debe levantar la BD con el siguiente comando **json-server --watch db.json** ó ejecutando ```npm run backend``` en la terminal se visualiza asi:

![](https://raw.githubusercontent.com/sgcm14/formularios-app/main/doc/db-json.png)

> Pantalla de **BD Json-server**

Al hacerlo validará que el correo no esté registrado, se mostrará un mensaje: **El email ya fue tomado** en el caso de ya tenerlo registrado en la BD.

**Realizado por :** Sammy Gigi Cantoral Montejo (sgcm14)