O objetivo deste projeto é recriar duas páginas de um site fictício de uma loja de games, mantendo-se fiel ao design original utilizando HTML, CSS e JavaScript.
Header:
- Deve estar presente em ambas as páginas.
- Contém o ‘LOGO’ e todos os links como no Figma (Home/About us/Portfolio/News/Contact us).
- O botão ‘Home’ deve direcionar para a primeira página e o botão ‘Contact us’ deve direcionar para a segunda página. Os demais botões devem direcionar para uma página de erro.
Footer:
- Deve estar presente em ambas as páginas, com design fiel ao Figma.
- Ícones de ‘Facebook’, ‘Instagram’, ‘Twitter’ e ‘LinkedIn’ devem ser clicáveis, direcionando para a página inicial de cada rede social.
- O link ‘Contact us’ no Footer deve direcionar para a segunda página. Os demais botões devem direcionar para uma página de erro.
- Utilizar apenas HTML, CSS e JavaScript, sem bibliotecas externas.
- Criar um repositório privado no GitHub e adicionar os instrutores como colaboradores do projeto.
- Validação de todos os campos de formulário com JavaScript:
- Todos os campos devem ser preenchidos para habilitar o botão de envio.
- Campos de First Name e Last Name não podem conter números ou caracteres especiais.
- Validar o campo de e-mail com regex.
- O campo de Message deve ter pelo menos 10 caracteres.
- Ao enviar o formulário, direcionar para uma página de sucesso com as informações preenchidas.
- Armazenar os dados do formulário no LocalStorage.
- Criar uma tela de erro para navegação errônea no projeto.
- A tela de erro deve incluir header e footer.
- Adicionar um README ao projeto.
- Fazer pequenos commits e usar Commits Convencionais para manter o repositório organizado.
- Aplicar responsividade ao projeto.
- Aplicar efeitos de Hover.