E-commerce React App Este é um projeto de um e-commerce desenvolvido com React que consome uma API open source para gerenciamento de produtos e pedidos. O aplicativo permite aos usuários adicionar itens ao carrinho, ajustar as quantidades, calcular automaticamente o valor total do carrinho e finalizar a compra.
Funcionalidades Listagem de Produtos: Visualização de produtos disponíveis obtidos da API. Carrinho de Compras: Adição de itens ao carrinho, aumento e diminuição da quantidade de cada item. Cálculo Automático: Cálculo automático do valor total do carrinho baseado nos itens e suas quantidades. Finalização de Compra: Processo de finalização da compra com resumo do pedido. Tecnologias Utilizadas React: Biblioteca principal para construção da interface do usuário. Fetch API: Utilizada para fazer requisições HTTP à API. Context API: Gerenciamento de estado global da aplicação. CSS Modules: Estilização dos componentes React. Pré-requisitos Antes de começar, certifique-se de ter o Node.js e npm (ou yarn) instalados em sua máquina.
Instalação Clone o repositório:
bash Copiar código git clone https://github.com/WesleyBert/Shopping-Online.git Navegue até o diretório do projeto:
bash Copiar código cd Shopping-Online Instale as dependências:
bash Copiar código npm install
yarn install Executando a Aplicação Para iniciar o servidor de desenvolvimento, execute:
bash Copiar código npm start
yarn start A aplicação estará disponível em http://localhost:3000.
Consumo da API
A API open source é utilizada para obter a lista de produtos e processar pedidos. As requisições são feitas usando a Fetch API.
Contribuindo
Contribuições são bem-vindas! Se você tiver sugestões, encontrar algum problema ou tiver uma melhoria para adicionar, por favor, abra uma issue ou envie um pull request.