O projeto Gamer é um web site desenvolvido com HTML, CSS e JavaScript, utilizando técnicas de Flexbox, Grid Layout e Position aprendidas durante as aulas. A página inicial (Home) é o ponto de entrada para o conteúdo relacionado a jogos, jogadores, equipes, e outras seções, como Login e notícias, foram adicionadas para fornecer informações adicionais.
O site foi construído usando o modelo Mobile First, garantindo que ele seja totalmente responsivo em dispositivos móveis, e em seguida, foram adicionadas as media queries para desktop.
A identidade visual do projeto foi criada e extraída do Figma, garantindo uma aparência consistente e alinhada com as expectativas do cliente. Em resumo, o projeto Gamer é um ótimo exemplo do uso de técnicas avançadas para criar um site funcional e visualmente atraente.
✔️ Funcionalidade 1:
Menus criados com JavaScript: O site apresenta menus criados com JavaScript que aparecem ao clicar em um botão, permitindo a navegação fácil e intuitiva entre as diferentes seções do site.
✔️ Funcionalidade 2:
Campos de preenchimento: O site também possui campos de preenchimento, que permitem aos usuários inserir informações, como nome de usuário e senha para fazer login.
✔️ Funcionalidade 3:
Vídeos de banner: O site apresenta vídeos de banner na página inicial, que são exibidos automaticamente e fornecem uma visão geral do conteúdo apresentado no site.
✔️ Funcionalidade 4:
Efeitos visuais: O site possui efeitos de transição e sombreamento que foram aplicados em diversos elementos interativos, como menus, botões e links.
Você pode acessar a página do projeto, sendo também possível acessar o protótipo de alta fidelidade no Figma.
Paulo Gonçalves |
---|