Último video del curso de Quasar (Vue js) + Composition API, en este tutorial crearemos un Chat en tiempo real con Firestore y Auth (email y contraseña).
00:00:00 Presentación
00:01:02 Instalación de Quasar y dependencias
00:04:40 Boot Firebase
00:08:18 Consola Firebase
00:11:00 ApiKeys
00:12:00 Firebase Boot
00:15:34 MainLayout
00:17:43 Vista Login y Registro
00:27:25 Registro (Firebase)
00:32:51 Login (Firebase)
00:34:30 Detectar a usuario
00:37:58 Cerrar sesión (Firebase)
00:41:00 Guardar usuario en Firestore
00:49:25 Leer array usuarios
00:58:29 Pintar array usuarios
01:04:21 Ordenar array usuarios
01:09:00 Vista Formulario enviar mensajes
01:12:04 Vista mostrar chat
01:13:59 Provide/inject uid
01:17:54 Guardar mensaje chat
01:25:57 Leer chat en tiempo real
01:30:57 Watch uid user
01:37:03 Scroll mensajes
01:40:26 Fin :)
Links:
https://bluuweb.github.io/vue-3-ui/01c-firechat/
https://next.quasar.dev/
Quasar curso [Lista de reproducción]: próximamente
¿Dudas y preguntas?: https://discord.gg/xSceUPh
Todos los cursos aquí: https://www.youtube.com/bluuweb
Suscríbete al canal de bluuweb aquí: https://bit.ly/3kLYAqr
Guía Master (todos los cursos): https://bluuweb.github.io/
#quasar #vue #firechat
¿Quiéres apoyar el canal?
Curso Bootstrap 5 [UDEMY] http://curso-bootstrap-5-udemy.bluuweb.cl
Curso Vue.js + Firebase [UDEMY] http://curso-vue-js-udemy.bluuweb.cl
Curso React.js + Firebase [UDEMY] http://curso-react-js-udemy.bluuweb.cl
Curso HTML y CSS [GRATIS] https://www.udemy.com/course/curso-html5-css3
Cursos en oferta Udemy http://ofertas.bluuweb.cl
Conviértete en miembro de este canal para disfrutar de ventajas :
https://www.youtube.com/channel/UCH7IANkyEcsVW_y1IlpkamQ/join
Redes Sociales:
https://bluuweb.org
http://discord.bluuweb.cl
https://www.twitch.tv/bluuweb
https://www.instagram.com/bluuweb_youtube
https://www.facebook.com/bluuweb
https://twitter.com/bluuweb
Cafecito para bluuweb: https://www.paypal.me/bluuweb Discord: https://discord.com/invite/hcG7NBvsGD