Esse foi um projeto desenvovido em grupo na Trybe, trata-se de um frontend para uma loja de departamentos virtual, baseado em um consumo de API.
Além do código desenvolvido em si, também foram utilizadas ferramentas de metodologias ágeis para o bom andamento do projeto.
Obs.: O CSS não foi desenvolvido aqui.
O projeto será revisado.
- Habilidades
- O que foi desenvolvido
- Documentação da API do Mercado Livre
- Uso do Trello como ferramenta kanban
- Descrição
- Utilizados Métodos Ágeis - Kanban (Trello) / Scrum para distribuição e execução das atividades.
- Utilizado Javascript para como linguagem a aplicação.
- Utilizado consumo de API - Mercado Livre como fonte de busca da aplição.
Neste projeto foi criada uma 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. Desenvolvemos 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;
- Finalizar a compra (simulada) dos itens selecionados.
Essa página web consome os dados da API do Mercado Livre para realizar a busca de itens para a loja online. Para realizar essas buscas, são consultados os seguintes endpoints:
- todas as requisições abaixo são do tipo
GET.
- Para listar as categorias disponíveis:
- Para buscar por itens por termo:
- Para buscar itens por categoria:
- Para buscar itens de uma categoria por termo:
- Para buscar detalhes de um item especifico:
Se você quiser aprender mais sobre a API do Mercado Livre, veja a documentação.
Para organizar as atividades da equipe e dividir as tarefas através de um modelo de kanban.
- Implementado o módulo de acesso à api do Mercado Livre
- Implementada uma página de listagem de produtos
- Implementada a página do carrinho de compras
- Lista das categorias de produtos disponíveis via API na página principal
- Busca por termos, com os dados resumidos, associados a esses termos
- Busca por categoria e apresentando somente os produtos daquela categoria
- Redirecionamento de tela com a exibição detalhada ao clicar na exibição resumida de um produto
- Adicionar produtos no carrinho a partir da tela de listagem de produtos
- Adicionar um produto ao carrinho a partir da tela de exibição detalhada
- Visualizar lista de produtos do carrinho e permissão para alterar a quantidade
- Permissão para avaliação e comentário sobre um produto na tela de exibição detalhada
- Finalização da compra com um resumo dela, a partir do preenchimento dos dados e escolhendo a forma de pagamento
- Quantidade de produtos no carrinho aparecendo ao lado do link para o carrinho, em todas as telas em que ele aparece
- Quantidade de produtos para ao carrinho limitada pela quantidade disponível em estoque
- Visualização de quais produtos tem o frete grátis
Por fazer:
- Layout responsivo
- Seletor para ordenação crescente e decrescente para por preço