💡 Realizado cristiandpto23 con HTML y JS
➡ Front-End G17 - Desafío Latam
🔗 Desplegado en Vercel aquí
🔗 Desplegado en Firebase Hosting aquí
Validaremos nuestros conocimientos de Firebase, implementando una aplicación web que utilice el servicio de autentificación con Firebase para resolver un problema.
Un cliente nos solicita un demo de una aplicación web que contenga autentificación. En este demo nos pide que existan 3 vistas: Sign up, Login y Home. La vista de Home es necesario que esté restringida, es decir, que el ususario al ingresar a la aplicación, automáticamente será redirigido a la vista Sign up en caso de que no esté registrado.
- La vista Sign Up deberá ser pública y solo visible para los usuarios que no estén logueados, siendo su función ofrecer un formulario de registro de usuarios.
- La vista Login deberá ser pública y solo visible para los usuaios que no estén logueados, su función será permitir el inicio de sesión de usuarios.
- La vista Home deberá ser una vista privada solo accesible por usuarios autentificados.
Deberás usar los guardianes de Vue Router para condicionar y restringir el acceso a los usuarios a la vista Home.
Se requiere crear un sistema de autentificación con Vue Router y Firebase Authentication que contenga tres vistas: Sign Up, Login y Home.
- Usar Firebase Authentication para integrar un sistema de usuarios.
- Usar guardianes de Vue Router para restringir el acceso a la vista Home.
- Crear un componente que permita crear nuevos usuarios.
- Crear un componente que permita iniciar sesión.
- Generar el Build producción para desplegar la aplicación con Firebase Hosting.