Esta aplicação foi desenvolvida para proporcionar uma experiência de compra simples e interativa, integrando-se à API do Mercado Livre. Com ela, os usuários podem buscar produtos, interagir com o carrinho de compras, visualizar detalhes dos produtos e avaliações, além de simular o processo de compra.
- React: A base da aplicação, proporcionando uma UI dinâmica e responsiva.
- React Router: Gerenciamento de rotas para navegação eficiente entre os diferentes componentes da aplicação.
- React Lifecycle, State, and Props: Conceitos essenciais para o funcionamento fluido da aplicação.
- CSS Modules: Organização e encapsulamento de estilos para componentes específicos.
- ES6: Utilização de recursos modernos como Spread Operator, Destructuring, e High-Order Functions para um código mais limpo e eficiente.
- CSS3: Grid e Flexbox para layouts flexíveis e responsivos, além de um CSS Reset para garantir consistência entre navegadores.
Os usuários podem buscar produtos por termos e categorias utilizando a API do Mercado Livre. A interface intuitiva facilita a navegação e a seleção dos itens desejados.
Os produtos buscados podem ser adicionados e removidos do carrinho de compras em diferentes quantidades. O carrinho oferece uma visão clara dos itens selecionados, permitindo uma fácil gestão.
É possível visualizar detalhes específicos de um produto, incluindo avaliações prévias de outros usuários. Além disso, os usuários têm a opção de criar novas avaliações, contribuindo para a comunidade de compradores.
A aplicação simula o processo de finalização de compra, permitindo que os usuários experimentem todo o fluxo de compra, desde a seleção dos produtos até a conclusão da transação.
- Clone o repositório.
- Instale as dependências utilizando
npm install
. - Inicie a aplicação com
npm start
. - Acesse a aplicação através do navegador no endereço
http://localhost:3000
.
Sinta-se à vontade para contribuir! Se encontrar bugs, problemas ou tiver sugestões de melhorias, abra uma issue ou envie um pull request. Estamos comprometidos em fazer desta aplicação a melhor experiência de compras online possível.
Este projeto foi desenvolvido utilizando práticas ágeis, como Scrum e Kanban, para garantir entregas incrementais e melhorias contínuas. Agradecemos por fazer parte deste processo!