🛑 Nota: Este projeto possui rotas protegidas para acessar funcionalidades específicas. Certifique-se de usar as credenciais de teste e digitar as rotas manualmente (
/loginou/admin) para navegar entre as páginas.
- React: Biblioteca JavaScript para criar interfaces dinâmicas e componentizadas.
- TypeScript: Para adicionar tipagem estática e aumentar a confiabilidade do código.
- TailwindCSS: Framework CSS para estilização rápida e consistente.
- Lógica de Programação: Aplicação de estruturas condicionais e manipulação de estados.
- Hooks do React: Uso de
useStateeuseEffectpara gerenciamento de estados e efeitos colaterais. - Interfaces TypeScript: Definição de tipos para melhor organização do código.
- Responsividade: Design adaptado para dispositivos móveis e desktop.
- Deploy: Projeto hospedado em plataforma
Este projeto utiliza o Firebase para gerenciar os dados em tempo real e oferecer funcionalidades essenciais. Com o Firebase, foi possível implementar as seguintes operações:
-
Banco de Dados em Tempo Real (Firestore):
- Cadastrar novos links.
- Excluir links existentes.
- Atualizar links em tempo real para todos os usuários conectados.
-
Autenticação de Usuários (Firebase Auth):
- Acesso restrito à área administrativa por meio de login.
-
Outras Funcionalidades do Firebase:
- Sincronização rápida e confiável entre o cliente e o servidor.
- Armazenamento seguro de dados no Firestore.
O projeto possui duas rotas principais que podem ser acessadas diretamente pela barra de endereços do navegador:
- Página inicial:
/(rota padrão ao abrir o projeto). - Login:
/login(rota de autenticação para entrar no sistema). - Admin:
/admin(rota restrita para gerenciar links).
- Email: brennoreis411@teste.com
- Senha: 123123
✋ Este login é apenas para fins de desenvolvimento e testes durante o projeto. Autenticação completa para múltiplos usuários ainda não foi implementada.