Fix login de usuarios por rol de usuario // Vuejs 3 + Firebase Auch + Firestore

Job ID: 31424042

Budget: $10 – $30 USD

Hola por favor presupuesto

Solicitud muy puntual.

Yo manejo vuejs and firebase no a nivel super profesional y estoy algo corto de tiempo con otras tareas y me gustaria delegar esto con algun colega.

Task

1) Configurar Social login con firebase en mi proyecto. (Regitsro por primera vez, Login y Logout)

2) Establecer acceso restringido por rool de usuario a tipos de contenidos o vistas.

(Ejemplo que el usuario con rol = cliente pueda acceder una vista o componente llamadado para-clientes y que otro rol por ejemplo admin pueda acceder y ver otros componentes)

Solo requiero un punto de inicio para que esto funcione yo me encargo del resto de construccion solo seria realizar una configuración inicial bien comentada en el codigo en ingles o español de ser posible y listo el objetivo estaria logrado.

Yo le daria el acceso al repositorio privado de github.

Actualmente el Stack tiene

Vuejs 3
Vuex
Vue Router (aun no lo configuro, si puede configurarlo para esto estaria genial)
Firebase (la base de datos es firestore)
Vite
(not webpack only vite)

Creo que esto es todo.

Opcional
3) De ser posible y si esta dentro del dominio lograr un social login sin recargar el navegador, de manera que el social login sea reactivo 100% con firebase, creo que esto es posible solo cuando ya el usuario esta registrado como usuario. Mas no es posible en el primer resgitro de un usuario.

Ejemplo:
https://prnt.sc/1rj227f
Asi como este pop que aprece que ya reconoce una posible sesión imagino que a travez de la cokies o sesion principal del navegador y permite con un solo click hacer el login rapido, algunos sitios que he visto cuando el login es exitoso recarga el sitio una vez validado sin embargo he visto otras que esta realizadas con algun framework reactivo creo y no hace el refresh, esto me gustaria aunque por ahora no es la prioridad por eso es opcional.


Referencias / tutoriales / guias
Para los dos objetivos principales
https://softauthor.com/firebase-vuejs-role-based-authentication-authorization/

https://www.toptal.com/firebase/role-based-firebase-authentication

https://firebase.google.com/docs/firestore/solutions/role-based-access

Espero que con estos enlace tenga idea de los objetivos.

Le confirmo nuevamente que la tarea seria realizar el ejemplo basico para estos dos objetivos y comentarlos bien en el codigo para yo comprender como esta realizado.

Gracias estoy atento al tiempo para esto y precio.

Gracias