Skip to content

isaias-B-Oliveira/carrinho-compras-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👨‍💻Carrinho de Compras da Loja Online

Este é um projeto de carrinho de compras de uma loja online construído em React, que utiliza a API do Mercado Livre para listar produtos e permitir que os usuários adicionem itens ao carrinho de compras.

💻Captura de tela:

💻Tecnologias Utilizadas

  • React: Uma biblioteca JavaScript para construção de interfaces de usuário.
  • API do Mercado Livre: Utilizada para obter informações sobre produtos.
  • HTML/CSS: Para estruturação e estilização da interface.
  • JavaScript: Para a lógica do carrinho de compras.

⚙️Funcionalidades Principais

  • Listagem de Produtos: Os usuários podem ver uma lista de produtos disponíveis na loja.
  • Detalhes do Produto: Ao clicar em um produto, os usuários podem ver detalhes adicionais.
  • Adicionar ao Carrinho: Os usuários podem adicionar produtos ao carrinho de compras.
  • Atualização do Carrinho: Os usuários podem atualizar a quantidade de produtos no carrinho.
  • Remover do Carrinho: Os usuários podem remover produtos do carrinho.
  • Total do Carrinho: O carrinho de compras exibe o total dos produtos selecionados.

💹Como Usar o Projeto

  1. Clone este repositório:
  • git clone https://github.com/seu-usuario/seu-projeto.git
  1. Instale as dependências:
  • cd seu-projeto
  • npm install
  1. Configure a API do Mercado Livre:

    • Você precisará obter uma chave de API do Mercado Livre.
    • Crie um arquivo .env na raiz do projeto e adicione sua chave de API da seguinte maneira: -REACT_APP_MERCADO_LIVRE_API_KEY=SuaChaveDeAPIAqui
  2. Inicie o aplicativo:

    • no seu terminal acesse sua pasta com cd/pasta
    • npm start
  3. Abra seu navegador e acesse http://localhost:3000 para ver o projeto em execução.

🚀🚀🚀Contribuições !

Contribuições são bem-vindas! Sinta-se à vontade para abrir problemas (issues) e enviar solicitações de pull (pull requests) para melhorar o projeto.