Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davesimoes/shopping-cart-api-mercadolivre

😊 Shopping Cart application with React and Mercado Livre API ✌️
https://github.com/davesimoes/shopping-cart-api-mercadolivre

api carrinho-de-compras carrinhodecompras mercado-livre mercado-livre-api mercadolivre-brasil-api react shopping-cart

Last synced: about 2 months ago
JSON representation

😊 Shopping Cart application with React and Mercado Livre API ✌️

Awesome Lists containing this project

README

        

# Aplicação de Carrinho de Compras com React e API do Mercado Livre 🚀
Este projeto foi originado de um curso sobre APIs com React, destinado a desenvolvedores júnior,
promovido pela D&L no mês de Julho de 2024 e tendo como instrutor David de Paiva 🎁

![mercadolivrephoto1](https://github.com/user-attachments/assets/057034f8-dc4d-44c4-9610-2e4d537892e2)
![image](https://github.com/user-attachments/assets/60a67744-ae73-4ba2-b7e8-fc716ab8d110)

# Features 🛠️
- ✅ Listagem de Produtos: Exibe produtos recuperados da API do Mercado Livre.
- ✅ Busca por Palavra-chave: Permite buscar produtos com base em palavras-chave específicas, consultando a API do Mercado Livre.
- ✅ Adição ao Carrinho: Possibilita adicionar produtos ao carrinho de compras.
- ✅ Remoção do Carrinho: Facilita a remoção de produtos do carrinho de compras.

# Stacks utilizadas ⌨️:

- 💻 React JS
- 💻 API do Mercado Livre: utilizada para obter dados de produtos.
- 💻 HTML5.
- 💻 CSS3.

# Pré-requisitos🌟:
- ✅ Certifique-se de ter o Node.js e o npm (ou yarn) instalados no seu ambiente de desenvolvimento.

# Como Configurar e Executar o Projeto 🛠️ :

## Clone o repositório :
```
git clone https://github.com/DaveSimoes/carrinho-de-compras-api-mercado-livre.git
```

## Acesse o diretório do projeto:

```
cd carrinho-mercadolivre
```
## Instale as dependências:

```
npm install
```
ou
```
yarn install
```

## Executando a Aplicação
Inicie o servidor de desenvolvimento:
```
npm start
```

ou
```
yarn start
```

## Abra o navegador e acesse http://localhost:3000 para visualizar a aplicação.

# Contribuindo para o Projeto 🎨:
Se você deseja contribuir com melhorias, siga os passos abaixo: ✌️

1) Faça um fork deste repositório.
2) Crie uma nova branch para a sua feature (git checkout -b minha-feature).
3) Commit suas alterações (git commit -m 'Adiciona minha feature').
4) Envie as mudanças para o repositório remoto (git push origin minha-feature)
5) Abra um Pull Request detalhando suas alterações.

# Licença 🔑:
- Este projeto está sob a licença MIT License