https://github.com/walber-vaz/admin-template

Template de login usando firebase e context api
https://github.com/walber-vaz/admin-template

cookie firebase hooks localstorage nextjs react tailwindcss

Last synced: 3 months ago
JSON representation

Template de login usando firebase e context api

• Host: GitHub
• URL: https://github.com/walber-vaz/admin-template
• Owner: walber-vaz
• License: mit
• Created: 2023-07-01T00:58:12.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-11-04T01:13:56.000Z (over 2 years ago)
• Last Synced: 2025-07-12T15:36:41.822Z (12 months ago)
• Topics: cookie, firebase, hooks, localstorage, nextjs, react, tailwindcss
• Language: TypeScript
• Homepage:
• Size: 1.47 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  


  
📚📖📚

  
Projeto de Autenticação com Next.js, TypeScript e Firebase



## 📚 Sobre o projeto

Este projeto foi desenvolvido com o objetivo de aprender a utilizar o framework Next.js em conjunto com o TypeScript. Além disso, exploramos a implementação de autenticação utilizando o serviço Firebase da Google. Para facilitar o processo de autenticação, utilizamos a biblioteca JS-Cookie para gerenciar os cookies.

## 📚 Funcionalidades

O projeto possui as seguintes funcionalidades:

- [x] Autenticação com Google: Os usuários podem realizar login através da conta do Google.

- [x] Gerenciamento de Usuários: Após o login, os usuários têm a capacidade de adicionar e remover outros usuários.

- [x] Autenticação com E-mail e Senha: Os usuários também podem optar por se cadastrar utilizando um e-mail e senha.

- [x] Logout: Os usuários podem realizar logout da aplicação.

## 📚 To-Do

- [ ] Adicionar a funcionalidade de editar usuários.

- [ ] Adicionar a funcionalidade de editar o perfil do usuário.

- [ ] Adicionar a funcionalidade de resetar a senha do usuário.

- [ ] Implementar tela de profile.

## 📚 Tecnologias utilizadas

- [Next.js](https://nextjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [Firebase](https://firebase.google.com/)

- [Tailwindcss](https://tailwindcss.com/)

- [Heroicons](https://heroicons.com/)

- [JS-Cookie](https://www.npmjs.com/package/js-cookie)

## 📚 Como executar o projeto

Siga as etapas abaixo para executar o projeto em seu ambiente de desenvolvimento:

```bash

# Clonar o repositório

git clone git@github.com:walber-vaz/admin-template.git

# Entrar no diretório

cd admin-template

# Adicionar as variáveis de ambiente

cp .env.example .env.local

# Instalar as dependências

yarn install

# Iniciar o projeto

yarn dev

# O projeto irá iniciar em http://localhost:3000

```

## 📚 Como contribuir para o projeto

1. Faça um fork do projeto.

2. Crie uma nova branch com suas alterações: `git checkout -b my-feature`

3. Salve suas alterações e crie uma mensagem de commit contando o que você fez: `git commit -m "feature: My new feature"`

4. Envie suas alterações: `git push origin my-feature`

## 📚 Licença

Este projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.

---

Feito com 💙 by [Walber Vaz](https://walbervazdev.com.br)