Skip to content

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

Notifications You must be signed in to change notification settings

isabelarfloriano/online-store

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

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •