Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 20 days 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-04T01:13:56.000Z (over 1 year ago)
- Last Synced: 2024-11-22T14:29:46.224Z (3 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 [email protected]: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)