README.md

🚀 Projeto ToMars - Lab-Commerce

Olá, seja bem-vindo ao ToMars, aqui você irá encontrar a sua próxima nave espacial.

✅ Requisitos

• Home

• Layout bem definido com filtro, produtos e carrinho ao lado;

• Ordenar os produtos por ordem crescente ou decrescente de preço;

• Botão para adicionar item ao carrinho;

• Devem exibir o nome, preço e imagem em um card;

• Filtro

• Filtrar por valor mínimo e máximo;

• Filtrar nome do produto;

• Carrinho

• Mostrar todos os produtos e quantidades adicionadas;

• Capacidade de remover itens do carrinho;

• Mostrar o valor total do carrinho;

• Itens do carrinho ficam salvos no LocalSorege;

• Responsividade e Estilização CSS

• Personalização inspirada em jogos retrô;

• Efeitos de botões em adicionar carrinho e remover;

• Alteração de escala ao passar o mouse sobre o card ou imagem;

• Site com responsividade para mobile/tablet/Desktop;

🛠 Tecnologias utilizadas

• React (JSX)
• Styled Components

👨‍🚀 Desenolvedores

• Gustavo Monteiro
• Aline Chagas
• Jônatas Felix

🌐 LINK DO PROJETO

• Recomendado - Surge: https://tomars.surge.sh/
• Netlify: https://62b1eb6a5562ba656466c319--sunny-pie-fb4865.netlify.app/

💻 Visão geral - Versão Desktop

📲 Visão geral - Versão Mobile