Game Mania Store

🌟 Projeto da UC9 - Front-end do Curso FullStack Web - Escola Senai
Início: Dezembro/2021
Tutoria do Professor Thiago Nascimento.

• Todas as imagens, textos e códigos foram usados exclusivamente para fins educacionais, não sendo a página funcional ou utilizada para vendas ou quaisquer fins lucrativos.
  

Imagens Free:
Flaticon
WallPapers Safari

Protótipo:
Figma

Site responsivo, construído em HTML, CSS, JavaScript.
FrameWorks Angular e Bootstrap.
Testes de FrontEnd serão realizados com Selenium - Linguagem Java.

Diário de Produção

10/07/2022:

• Desenvolvimento completo da estrutura HTML e CSS do DESKTOP.
  Criados:
  Navbar com menu responsivo (Hambúrguer).
  Banners estáticos.
  Cards das promoções da loja com recurso de movimento desenvolvido em CSS (ao passar o mouse sobreo box, este se desloca -5px para cima), além do sombreamento que foi criado com um Shadow Generator.
  Sessão de cards animados para que o usuário visualize imagens de uma promoção. As imagens alternam seu tamanho ao passarmos o mouse sobre elas - desenvolvido em CSS - O código foi feito de acordo com um guia na internet, mas precisava de muito mais linhas para que funcionasse corretamente, com algum trabalho, aplicando as margens e padding necessários, ficou visualmente agradavél e totalmente em funcionamento.
  Sessão de vídeos mais assistidos, instalado na página via Iframe - Foram feitos ajustes de medida.
  

• Implementada página de Login - Página ainda sem formatação - texto teste.
  

25/07:

• Ajustada a sessão de Ofertas - Desafio importante na aplicação do Flexbox e no ajuste das imagens que compõe o card. O botão comprar funcional.
  Menu Hamburguer - Responsivo: Funcionando a função de esconder e mostrar o Menu, porém, não está sendo exibido os itens do Menu no formato Collumn que foi definido. Menu bloqueado, em análise.

26/07:

• Ajustes mais refinados de Responsividade na sessão de Cards, Ofertas e Vídeos, através do flex wrap: wrap; Construíndo os cards, alterando as imagens e apanhando miseravelmente da sessão Ofertas/ card / Cards. Finalizada a sessão Vídeo e Promoção do Poster.

27/07

• Implementação do Menu Responsivo por JavaScript. Pendente ajustes em CSS.

28/07

• Finalizada a Seção de Ofertas. Cardas preenchidos e organizados por Flexbox.

• Está implementado o menu responsivo, porém com alguma pequena falha de passagem quando eu libero o #barras. CSS finalizado.

• Em desenvolvimento:
  

29 e 30/07

• Implementação do Jquery, absolutamente nada funcionou.

31/07

• Correção da funcionalidade de Carrossel via JQuery nos banners principais.

  • Footer.
    
  • Página de Login