Este é um projeto desenvolvido para o Bootcamp de Desenvolvimento de Software da Trybe. O objetivo deste projeto foi criar um site de comércio eletrônico onde os usuários podem adicionar produtos ao carrinho de compras e simular uma compra.
O site possui uma página inicial onde os usuários podem ver uma lista de produtos disponíveis, com seus respectivos nomes, imagens e preços. Os usuários podem selecionar um produto, escolher a quantidade que desejam comprar e adicioná-lo ao carrinho. Eles também podem visualizar seu carrinho, ver um resumo dos produtos que adicionaram e atualizar a quantidade ou removê-los. Por fim, eles podem simular uma compra e receber uma confirmação com o valor total da transação.
O projeto foi construído utilizando ReactJS, HTML e CSS, e foi utilizada a API do Mercado Libre para buscar dados dos produtos. É responsivo e pode ser acessado em qualquer dispositivo.
- ReactJS
- HTML
- CSS
- API do Mercado Libre
Você pode acessar a aplicação através dos seguintes links:
- GitHub Pages: https://romildofh.github.io/shopping-cart/
- Clone o repositório executando o seguinte comando em seu terminal:
git clone https://github.com/RomildoFH/shopping-cart.git
- Acesse o diretório do projeto:
cd shopping-cart
- Instale as dependências executando:
npm install
- Inicie a aplicação executando:
npm start
- Abra a aplicação em seu navegador preferido em http://localhost:3000.
O design do site é simples e funcional, com ênfase em usabilidade e experiência do usuário. O projeto segue uma abordagem de design responsivo, adaptando-se ao tamanho do dispositivo do usuário. O site inclui uma página de checkout onde os usuários podem inserir suas informações de envio e pagamento. O design também apresenta animações e feedback visual para melhorar a experiência do usuário.
No geral, o projeto forneceu uma ótima oportunidade para praticar habilidades de desenvolvimento front-end, como ReactJS, HTML e CSS, e aplicá-las a um cenário real. O site tem um grande potencial para desenvolvimento adicional, como adição de novos recursos, melhoria do design ou integração com um back-end para permitir compras reais.