Descricao da sua imagem

Meteora - E-commerce

🔨 Funcionalidades do projeto

Loja de roupas virtual com opção de visualizar detalhes dos produtos.

✔️ Técnicas e tecnologias utilizadas

Aqui está a lista atualizada com as descrições de SVG e propriedades relacionadas:

  • HTML: Linguagem de marcação para estruturar conteúdo em páginas web.
  • CSS: Linguagem para estilizar a apresentação de páginas web.
  • Pseudo-classes CSS: Usadas para aplicar estilos com base no estado ou posição dos elementos.
  • Transform CSS: Propriedade CSS para transformar elementos (escala, rotação, etc.).
  • Transition CSS: Propriedade CSS para criar transições suaves entre estados de elementos.
  • Animation CSS: Propriedade CSS para animar elementos através de keyframes.
  • Keyframes: Conjunto de frames que definem os estágios de uma animação CSS.
  • getBoundingClientRect: Método JavaScript que retorna as dimensões e posição de um elemento.
  • Parallax: Efeito visual em que camadas de elementos se movem em velocidades diferentes ao rolar a página.
  • Carrossel: Componente de interface que exibe conteúdo em slides sequenciais.
  • JavaScript: Linguagem usada para criar interatividade e dinamismo em páginas web.
  • SVG: Formato de imagem vetorial baseado em XML para gráficos escaláveis.

📁 Acesso ao projeto

Você pode acessar o código fonte do projeto inicial ou baixá-lo.

🛠️ Abrir e rodar o projeto

Após baixar o projeto, você pode abrir com o Visual Studio Code. Para isso, no menu superior, clique em:

  • File > Open Folder (ou alguma opção similar)
  • Procure o local onde o projeto está e o selecione (Caso o projeto seja baixado via zip, é necessário extraí-lo antes de procurá-lo)
  • Por fim clique em OK

Ao finalizar esses passos, você pode executar a aplicação com a extensão Live Server 🏆