Este é um projeto chamado E-shop, que é uma aplicação web onde o usuário pode pesquisar produtos, adicioná-los ao carrinho de compras e removê-los do carrinho. O projeto foi desenvolvido com React.js e Vite, e utiliza a API do Mercado Livre para realizar as pesquisas.
O E-shop possui as seguintes funcionalidades:
- Pesquisar produtos na API do Mercado Livre
- Adicionar produtos ao carrinho de compras
- Remover produtos do carrinho de compras
- Limpar completamente o carrinho de compras
O E-shop foi desenvolvido utilizando as seguintes tecnologias:
- React.js
- React Icons
- React Hooks
- Vite
- Axios
- Styled Components
Para executar o projeto em sua máquina local, siga os passos abaixo:
- Clone o repositório do projeto para sua máquina local
git clone https://github.com/Luzin7/e-shop.git- Entre no diretório do projeto
cd e-shop- Instale as dependências do projeto
npm install ou yarn- Execute o projeto
npm run dev ou yarn dev- Abra o navegador e acesse http://localhost:3000 para visualizar a aplicação
Ao acessar a aplicação, você verá uma barra de pesquisa onde poderá digitar o produto que deseja pesquisar. Após clicar no ícone de lupa ou apertar a tecla "Enter", os resultados da pesquisa serão exibidos. Para adicionar os produtos ou o produto em específico basta clicar no botão "Adicionar ao carrinho", dentro do carrinho de compras, o usuário poderá visualizar o produto, a quantidade e valor. Além de visualizar se há produtos com frete grátis, adicionar mais do mesmo produto ou remover o mesmo.