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

App de registro y login que consume Back hecho en Nest
https://github.com/sgcm14/auth-app

angular computed localstorage signals sweetalert2

Last synced: about 1 month ago
JSON representation

App de registro y login que consume Back hecho en Nest

• Host: GitHub
• URL: https://github.com/sgcm14/auth-app
• Owner: sgcm14
• Created: 2023-08-31T02:55:00.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-29T02:20:45.000Z (over 2 years ago)
• Last Synced: 2025-03-15T11:49:52.506Z (over 1 year ago)
• Topics: angular, computed, localstorage, signals, sweetalert2
• Language: CSS
• Homepage: https://auth-app-sgcm14.netlify.app/
• Size: 3.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Auth App

========

- 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

En esta página puedes ver un login donde el usuario debe llenar sus datos para que se active el botón de **LOGIN**.

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla1.PNG)

> Pantalla de **Login**

El usuario debe ingresar sus datos y dar click en **LOGIN**.

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla2.PNG)

> Pantalla de **Login**

Si ingresó mal la contraseña, se muestra el mensaje que nos retorna la API, tal cual se muestra en pantalla.

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla3.PNG)

> Pantalla de **Login**

Si en cambio ingresa mal el correo

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla4.PNG)

> Pantalla de **Login**

Al ingresar mal el correo, se muestra el mensaje que nos retorna la API, tal cual se muestra en pantalla.

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla5.PNG)

> Pantalla de **Login**

Si el usuario ingreso correctamente el correo y la contraseña, nos redireccionará al **dashboard**, en caso intentaramos ir a la ruta de **login** o **registro**, no nos dejaria ya que la sesión no se ha cerrado, hasta que le des click en **cerrar sesión**, lo mismo ocurre en el caso no hallas iniciado sesión e intentarás navegar a la ruta de **dashboard**.

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla6.PNG)

> Pantalla de **Dashboard**

Para registrarse el usuario debe llenar sus datos para que se active el botón de **REGISTER**.

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla7.PNG)

> Pantalla de **Register**

Si ya llenó sus datos dar click en  **REGISTER**.

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla8.PNG)

> Pantalla de **Register**

Si en caso el correo ya se ha usado para una cuenta, no te permitirá crear la cuenta,  se mostrará el mensaje que nos retorna la API, tal cual se muestra en pantalla. En caso el correo no esté en uso, te creará la cuenta y te redireccionará al **dashboard**

![](https://raw.githubusercontent.com/sgcm14/auth-app/main/src/assets/doc/pantalla9.PNG)

> Pantalla de **Register**

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