Skip to content

Repository files navigation

Online Store App 🛒🚀

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.

Tecnologias Utilizadas

  • 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.

Funcionalidades Principais

Busca de Produtos

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.

Carrinho de Compras

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.

Detalhes e Avaliações

É 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.

Finalização de Compra (Simulada)

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.

Como Rodar a Aplicação

  1. Clone o repositório.
  2. Instale as dependências utilizando npm install.
  3. Inicie a aplicação com npm start.
  4. Acesse a aplicação através do navegador no endereço http://localhost:3000.

Contribuindo

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.

Metodologia Ágil

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!

About

Simplified version, without database persistence, of an online store that requests Mercado Livre's API to display products

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages