Preview
Veja a aplicação funcionando clicando aqui
O foco principal deste projeto é, com base nos ensinamentos React da Trybe, fazer requisições e consumir dados de uma API, compreender o ciclo de vida dos componentes, mapear caminhos de URL com o componente Route e utilizar o Routes do React Router Dom.
O que é a Trybe?🤔
A Trybe é uma escola de desenvolvimento web genuinamente comprometida com o sucesso profissional de seus estudantes. Com o Modelo de Sucesso Compartilhado (MSC) oferecido pela Trybe Fintech, uma instituição financeira autorizada pelo Banco Central do Brasil, os alunos têm a opção de pagar apenas quando estiverem trabalhando.Frontend oline store é uma aplicação responsiva que consome a API do mercado livre, permitindo aos usuários buscar produtos por termos e categorias, interagir com os produtos, visualizar detalhes e simular a finalização da compra. As principais funcionalidades do Frontend Oline store incluem:
- Pesquisa de produtos: Permite que os usuários procurem produtos por termo ou categoria.
- Listagem de produtos: Exibe imagem, nome, preço dos produtos, mostrando se possui frete grátis e se já foi adicionado ao carrinho, após a listagem o usuário pode ordenar a lista de produtos por maior e menor preço.
- Visualização dos detalhes de um produto: Mostra imagens e especificações técnicas de um produto.
- Interação com os produtos: Permite o usuário interagir com os produtos buscados de modo a adicioná-los e removê-los de um carrinho de compras em diferentes quantidades.
- Avaliações de um produto: Permite a visualização de avaliações prévias, bem como criar novas avaliações.
- Simulação de finalização de compra: Simula a finalização da compra dos itens selecionados.
Front-end: