Projeto realizado para o Challenge Frontend 7ª edição, fornecido pela Alura. Para esse desafio foi necessário atender às demandas da empresa detalhado em tópicos, e o prazo para término do projeto foi de 4 semanas.
Para rodar o projeto em sua máquina clique aqui
Para o desenvolvimento do projeto, foi fornecido 3 planos de estudos com os assuntos necessários para nos guiar. Para nos organizarmos e respeitarmos o prazo, foi fornecido também um modelo kanban no aplicativo Trello para cada semana.
| Planos de estudos | Cards Trello |
|---|---|
| Meteora - Semana 1 | Meteora - Semana 1 |
| Meteora - Semana 2 | Meteora - Semana 2 |
| Meteora - Semana 3 e 4 | Meteora- Semana 3 e 4 |
Acesse o figma do Projeto aqui
A Meteora é uma empresa do comércio eletrônico de roupas atemporais, casuais e sem gênero. Ela acredita que a moda é muito mais do que apenas tendências passageiras e oferece peças versáteis que se adaptam a qualquer estilo e ocasião.
A empresa tem por objetivo se tornar referência no mercado, atraindo mais clientes e impulsionando suas vendas, buscando alcançar um novo patamar e consolidando-se como uma empresa mais digital.
Para isso, eles solicitaram nossa ajuda como desenvolvedores para criar um site de um e-commerce, que proporcionem uma experiência de compra incrível para seus clientes, e que atendam aos seguintes requisitos:
- Uma página inicial que contenha um buscador de produtos oferecidos pela empresa;
- Um banner/carrossel que contenha informações sobre a coleção do momento;
- Uma galeria com as categorias dos produtos disponíveis na loja;
- Uma galeria com as informações dos produtos, como: imagem, nome do produto, descrição e link que leva até a página de “Saiba mais sobre o produto”.
- Uma modal que contenha a imagem, o nome, a descrição, o preço, as variações do produto e a opção de adicionar na sacola;
- Uma seção para divulgar as facilidades que a loja proporciona para realizar as compras;
- Uma seção para cadastrar na newsletter e receber novidades;
- Um rodapé com informação do site.
Um detalhe muito importante é que o site precisa ser responsivo, para proporcionar aos clientes facilidade de compra através de dispositivos mobiles.
Clone o repositório com
git clone https://github.com/luhoro/meteora.git
Vá para a pasta do projeto
cd meteora
Instale as dependências com
npm install
Baixe a extensão Liver Server (VS Code) aqui e rode apertando em "Go Live" no canto inferior direto.