romenildo / admin-template

Base template de um site com login, registro, autenticação e autorizacao em nextJs com tailwindCSS e firebase

Admin-template

Base template de um site com login, registro, autenticação e autorizacao em nextJs com tailwindCSS e firebase
Projeto do curso de Next.js e React da Udemy da cod3r

Projeto Admin Template

Consiste em um modelo de uma aplicação em nextJs com integração ao firebase, com todo o processo de registro e login via google ou email e password. Persistencia dos dados do usuario logado em cookies com rotas protegidas com autorização e guardando informações da página no usuario pelo localStorage.
Além de todo o template de um site responsivo com TailwindCSS, possui uma barra de navegação, header, parte do conteudo, informações do usuario logado e logout.

Projeto desenvoldido com as ferramentas de:

Aprendizados

• Criação de uma aplicação em Nextjs com tailwindCSS e typeScrypt
• Integração com o firebase com registro, login, logout e autenticação do usuário
• Instalação e configuração do tailwindCSS
• Template mdoerno de uma aplicação e alternar entre modo claro de escuro com tailwindCSS
• Usando o Context para a comunicação entre os componente de toda a aplicação
• Utilizações de hooks e criações como useAuth para manipular as funções de autenticação do usuario
• Utilização da biblioteca js-cookie para persistir a autenticação do usuario logado no site atraves de cookies
• Armazenamente da opçao do t ema escuro ou claro no localStorage do usuario
• popup de erros na pagina de login
• Utilização de icons do heroIcons
• Utilização das variaveis de ambiente com .env para configuração do firebase

Aplicação Final

Tela de registro de novo usuário

Tela de login do usuário, tanto registro quanto login podem ser feito atráves do google ou email

Template da Página com modo dark e light

 Obs: Os commits e comentários no código foram organizados com foco no aprendizado dos conteúdos para revisões futuras