https://github.com/izaiasmorais/google-auth
Uma interface de autenticação com Google utilizando Firebase.
https://github.com/izaiasmorais/google-auth
authentication firebase firebase-auth google google-auth
Last synced: 2 months ago
JSON representation
Uma interface de autenticação com Google utilizando Firebase.
- Host: GitHub
- URL: https://github.com/izaiasmorais/google-auth
- Owner: izaiasmorais
- License: mit
- Created: 2022-09-27T19:40:00.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-09-28T16:34:24.000Z (over 3 years ago)
- Last Synced: 2025-03-10T07:53:38.875Z (over 1 year ago)
- Topics: authentication, firebase, firebase-auth, google, google-auth
- Language: TypeScript
- Homepage: https://ezgoogle-auth.vercel.app
- Size: 143 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
💻 Firebase Google Auth
## 📃 Sobre o projeto
Baseada na autenticação com Google via Firebase, a aplicação é uma ótima opção para uma interface de autenticação, uma vez que é fácil de realizar e principalmente de persistir em um LocalStorage, SessionStorage da vida.
https://user-images.githubusercontent.com/53953937/192640444-2ccb5ac4-3976-4a93-b7a4-9208b23afa9c.mp4
## 🛠 Funcionalidades
- Autenticação com Google, em forma de popup.
- Autenticação persistente.
- Desconectar sessão.
## 🚀 Tecnologias
- [ReactJS](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [Firebase](https://firebase.google.com/)
## 💻 Clonando projeto
Para clonar este projeto, são necessárias algumas etapas que até mesmo incluem o Firebase.
```bash
$ git clone https://github.com/izaiasmorais/google-auth.git && cd google-auth
```
```bash
# Instalando dependências
$ npm i
```
Com o projeto clonado você deve se registrar no [Firebase](https://console.firebase.google.com/u/0/) e seguir os passos abaixo:
- Adicione um novo projeto com o nome que desejar.
- Procure o símbolo **>** na interface inicial com o nome **Web** e clique.
- Adicione um nome à integração web e crie.
- Siga os passos mostrados, instalando o Firebase na sua aplicação e inicializando o Firebase numa rota /services/firebase.ts, por exemplo.
- Obs: Clonando este projeto e tendo a SDK em mãos, basta você substituir o código que está em /services/firebase.ts pelo código que o firebase vai lhe dar.
- Clique em "continuar para o console", depois vá até **Criação/Authentication**.
- Clique em "vamos começar" e adicione o Google como provedor de login.
```bash
# Rodando o projeto
$ npm run dev
```