Hey Coders, el dia de hoy les traigo un ejemplo practico de Javascript y Firebase, en donde aprenderán a crear un flujo completo de autenticación de usuarios, es decir van a aprender como hacer login de usuarios usando un correo electronico, ademas de aprender a autenticar usuarios usando proveedores de plataformas sociales como Google, Facebook y Github. Tambien desarrollaremos una interfaz web sencilla usando Bootstrap 5, y añadiremos el servicio de Firebase, Firestore para poder tener una base de datos NoSQL.
Finalmente desplegaremos la Firebase en el servicio Firebase Hosting, el cual nos permite subir archivos estaticos.
Este proyecto hace uso de los módulos de Javascript ES Modules, debido a que en la ultima version de Firebase, su biblioteca para aplicaciones web usa esta forma de poder importar sus modulos.
Puntos principales de este tutorial
- Crearemos un proyecto Basico con HTML, CSS, y Javascript
- Luego conectaremos nuestra aplicacion con Firebase
- Permitiremos al usuario registrarse con usuario y contraseña
- Comprobaremos si u usuario esta autenticado
- Permitiremos hacer login en nuestra aplicacion con su usaurio y contraseña
- Hacer Login con Google
- Hacer Login con Facebook
- Hacer Login con Github
- Añadiremos Firestore
- Haremos deploy de nuestra aplicacion