Este projeto é uma réplica interativa da página de login do League of Legends, desenvolvida com HTML, CSS e JavaScript. O objetivo foi recriar a estética e a experiência visual do login oficial do jogo, praticando técnicas de estilização avançada, animações, microinterações e organização de código no front-end.
A interface foi construída para ser fiel ao design do LoL, contando com efeitos de profundidade, background animado, transições suaves e elementos interativos. O formulário possui validações simples no front-end, proporcionando uma experiência mais realista e completa. Além disso, todo o layout foi planejado para ser totalmente responsivo, funcionando bem em diferentes tamanhos de tela.
O projeto foi estruturado com HTML5 para organização do conteúdo, enquanto o CSS3 foi utilizado para criar o design, trabalhar responsividade, transições, animações e microinterações. O JavaScript (ES6+) complementou o projeto com manipulação de DOM e lógica de validação do formulário. Durante o desenvolvimento, também houve prática com flexbox, posicionamento avançado, organização de código e boas práticas do front-end.
Para visualizar o projeto, basta baixar ou clonar o repositório e abrir o arquivo
index.html diretamente no navegador.
Não é necessário instalar nenhuma dependência adicional.