🔑 Tela de Login e Cadastro Animada

Este projeto é uma interface moderna de login e cadastro desenvolvida com foco em animações suaves, experiência do usuário e responsividade. A aplicação funciona totalmente no front-end e explora técnicas avançadas de CSS e manipulação de DOM para criar transições fluidas entre formulários.

O objetivo principal foi praticar construção de interfaces interativas utilizando apenas HTML, CSS e JavaScript puro, criando uma experiência visual inspirada em aplicações modernas e landing pages profissionais.

✨ Funcionalidades

• Alternância animada entre login e cadastro
• Layout responsivo para desktop, tablet e mobile
• Campos com ícones integrados
• Botões com efeitos de hover e transições
• Integração visual com redes sociais
• Animações avançadas com CSS Keyframes
• Estrutura customizável de temas e cores
• Feedback visual durante interações

🎨 Destaques visuais

O projeto utiliza animações personalizadas para tornar a troca entre telas mais dinâmica e agradável, trabalhando conceitos como:

• slidein e slideout
• Movimentação lateral de conteúdo
• Transições suaves de elementos
• Efeitos de profundidade e sobreposição
• Responsividade baseada em media queries

Além disso, a interface foi construída pensando em reutilização e customização fácil para diferentes tipos de aplicações.

🛠️ Tecnologias utilizadas

• HTML5
• CSS3
• JavaScript (ES6)
• Font Awesome
• Google Fonts

🎯 Objetivo do projeto

Esse projeto foi desenvolvido como prática de front-end moderno, com foco em animações CSS, responsividade e manipulação de interface via JavaScript.

Durante o desenvolvimento, trabalhei conceitos importantes como:

• Estruturação semântica de formulários
• Criação de animações com keyframes
• Manipulação dinâmica de classes no DOM
• Responsividade com breakpoints
• Construção de interfaces modernas sem frameworks

Além de servir como exercício técnico, o projeto também funciona como base reutilizável para sistemas de autenticação, landing pages e aplicações web que precisem de telas modernas de login e cadastro.