Este é um projeto de sistema de autenticação moderno com login e cadastro de usuários, desenvolvido em HTML, CSS e JavaScript puro.
Inclui validação de formulários, medidor de força de senha, transição suave entre telas e botões sociais.
-
Tela de Login com:
- Usuário/E-mail e senha
- "Lembrar de mim"
- Recuperação de senha
- Login social (Google/Facebook – mockup)
-
Tela de Cadastro com:
- Nome, Sobrenome, E-mail, Usuário
- Senha + indicador de força
- Confirmação de senha
- Aceite dos termos de uso
-
Validações em tempo real:
- Email válido
- Senhas coincidentes
- Nome de usuário com mínimo de 3 caracteres
-
Animações suaves entre telas de login/cadastro
-
Simulação de requisições assíncronas (mock API) para login e cadastro
- HTML5 → Estrutura da aplicação
- CSS3 → Layout moderno, responsivo e animações
- JavaScript (ES6+) → Lógica de autenticação, validações e interações
- Font Awesome → Ícones
Sistema_de_autenticacao
┣ 📜 index.html # Estrutura principal
┣ 📜 style.css # Estilos do sistema
┣ 📜 script.js # Lógica e interações
┗ 📜 README.md # Documentação do projeto- Clone este repositório:
git clone https://github.com/Ninja1375/Sistema_de_autenticacao.git- Acesse a pasta do projeto:
cd Sistema_de_autenticacao- Abra o arquivo
index.htmlno navegador.
-
Integração real com API backend (Node.js, PHP, Python, etc.)
-
Persistência de sessão com LocalStorage / JWT
-
Recuperação de senha funcional
-
Mais provedores de login social (GitHub, LinkedIn...)
Contribuições são bem-vindas!
- Faça um fork do projeto, crie uma branch (git checkout -b feature/nova-feature),
- faça suas alterações e abra um Pull Request.
Este projeto está sob a licença MIT. Sinta-se livre para usá-lo e modificá-lo como quiser.