FelipeBuso / frontend-online-store

Versão simplificada, sem persistência no banco de dados, de uma loja online.

Projeto de Front-End Online Store!

Time:

- Aline Hofner

- Felipe Buso

- Janaína Oliveirla

- Luan Alexandre

- Víctor Faria

Habilidades

• Entender o que são Métodos Ágeis
• Entender o que é Kanban
• Entender o que é Scrum
• Trabalhar em equipes utilizando Kanban ou Scrum de maneira eficaz
• Praticar todas as habilidades desenvolvidas até agora no módulo de Front-End

Projeto

Versão simplificada, sem persistência no banco de dados, de uma loja online, desenvolvendo em grupo suas funcionalidades de acordo com demandas definidas em um quadro Kanban, em um cenário mais próximo ao do mercado de trabalho. A partir dessas demandas, teremos uma aplicação onde os usuários poderão:

• Buscar produtos por termos e categorias a partir da API do Mercado Livre;
• Interagir com os produtos buscados de modo a adicioná-los e removê-los de um carrinho de compras em diferentes quantidades;
• Visualizar detalhes e avaliações prévias de um produto, bem como criar novas avaliações;
• E por fim, finalizar a compra (simulada) dos itens selecionados.

Como instalar

1. Clone o repositório

• Entre na pasta do repositório que você acabou de clonar.

2. Instale as dependências e inicialize o projeto

• Instale as dependências:
  • npm install
• Inicialize o projeto:
  • npm start (uma nova página deve abrir no seu navegador com um texto simples)

Documentação da API do Mercado Livre

Sua página web irá consumir os dados da API do Mercado Livre para realizar a busca de itens da sua loja online. Para realizar essas buscas, vocês precisarão consultar os 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.