Este é o readme para o projeto de e-commerce de uma loja de roupas, desenvolvido como parte de um teste prático para a empresa Pandanjo. A solução utiliza HTML, CSS e JavaScript, incluindo a biblioteca Swiper para os slides. Espero que esta documentação seja útil. Aproveite explorando o projeto! 😊 Você pode acessar o projeto clicando aqui.
- A biblioteca Swiper foi utilizada para implementar os carrosséis de imagens. A documentação completa do Swiper pode ser encontrada aqui.
- O design do projeto foi elaborado no Figma. O layout pode ser visualizado aqui.
- index.html: O arquivo principal que contém a estrutura da página.
- style.css: Arquivo de estilo que define a aparência da página.
- app.js: Arquivo JavaScript que inclui lógica para interações na página.
Na criação do projeto iniciei com Vite para criação da estrutura de pastas.
- Faça o clone do repositório e após abrir o terminal na pasta do projeto inicie com:
npm install
npm run dev- Exibição de Avaliações: Exibição condicional de acordo com um valor passado para o modulo de avaliações.
- Exibição de tamanhos e cores: Exibição condicional dos tamanhos e cores disponíveis através de variavel que pode ser passada aos modulos.
- Carrosséis de Imagens: Utilização da biblioteca Swiper para criar slides de imagens dinâmicos.
- Responsividade: A página é projetada para ser visualizada de forma eficaz em dispositivos de diferentes tamanhos, principalmente mobile e web.
