GoShoes Project - Responsive Page

GitHub Pages:

Clique na imagem

🧑🏻‍💻👩🏾‍💻Desenvolvido por

@AdaoBJr

---

Objetivos do Projeto

Uma versão simplificada, sem persistência no banco de dados, de uma Loja Online de Sapatos. A partir dessas demandas, desenvolvi uma aplicação onde os usuários poderão:

• Visualizar produtos na categoria de calçados a partir da API do Mercado Livre;
• Interagir com os produtos recebidos pela API de modo a adicioná-los e removê-los de um carrinho de compras em diferentes quantidades;
• Interagir com os produtos recebidos pela API de modo a adicioná-los e removê-los da página de itens favoritos;
• Interagir com os produtos através da paginação das telas;
• Trocar o modo de exibição entre LightMode e DarkMode;
• E por fim, finalizar a compra (simulada) dos itens selecionados sendo dirigido para uma página de checkout (podendo iniciar todo processo, caso queira).

Documentação da API do Mercado Livre

A página web consome os dados da API do Mercado Livre para realizar a busca de itens da loja online. As buscas podem ser consultadas nos seguintes endpoints:

• Para listar as categorias disponíveis:
  • Tipo da requisição: GET
  • Endpoint: https://api.mercadolibre.com/sites/MLB/categories
• Para buscar por itens por termo:
  • Tipo da requisição: GET
  • Parâmetro de busca $QUERY (este parâmetro deve ser substituído pelo valor do campo de busca)
  • Endpoint: https://api.mercadolibre.com/sites/MLB/search?q=$QUERY
• Para buscar itens por categoria:
  • Tipo da requisição: GET
  • Parâmetro de busca $CATEGORY_ID (este parâmetro deve ser substituído pelo ID da categoria selecionada)
  • Endpoint: https://api.mercadolibre.com/sites/MLB/search?category=$CATEGORY_ID
• Para buscar itens de uma categoria por termo:
  • Tipo da requisição: GET
  • Parâmetro de busca $QUERY (este parâmetro deve ser substituído pelo valor do campo de busca)
  • Parâmetro de busca $CATEGORY_ID (este parâmetro deve ser substituído pelo ID da categoria selecionada)
  • Endpoint: https://api.mercadolibre.com/sites/MLB/search?category=$CATEGORY_ID&q=$QUERY

Se você quiser aprender mais sobre a API do Mercado Livre, veja a documentação.