Frontend Online Store permite aos clientes buscarem, visualizarem detalhes e avaliações prévias de produtos, adicioná-los ou removê-los do carrinho, interagir e simular a finalização da compra dos itens selecionados.

O projeto Frontend Online Store foi desenvolvido em parceria com outros dois estudantes e consiste em um e-commerce que fornece produtos através da API do Mercado Livre. Durante o processo de desenvolvimento, foram utilizadas técnicas de programação individual e pair programming.

Para a organização do projeto, foram utilizados ferramentas como o software zoom para realizar reuniões diárias, o trello e o slack para comunicação assíncrona, e o git para o versionamento do código.

A aplicação foi construída usando react e estilizada com CSS modules. Ela possui uma barra de busca na página principal, onde os usuários podem pesquisar produtos usando palavras-chave. Além disso, existe uma lista de categorias à esquerda, que filtra os produtos ao clicar em uma delas. Cada produto é exibido em um card, que contém dois botões: um para adicionar ao carrinho e outro para acessar a página de informações. Na página de informações, os usuários podem consultar avaliações e comentários dos outros compradores, além de dar sua própria nota para o produto. Na página do carrinho, os usuários podem excluir produtos, alterar a quantidade de unidades ou adicionar mais, com as informações sendo salvas no localstorage. Na fase de checkout, o comprador pode visualizar o total da compra, preencher um formulário com suas informações e escolher o método de pagamento.

• HTML
• CSS
• Javascript
• React

git clone [email protected]:h3zord/frontend-online-store.git

cd frontend-online-store

Caso utilize o npm

npm install

Caso utilize o yarn

yarn install

Caso utilize o npm

npm start

Caso utilize o yarn

yarn start

O react irá executar a aplicação na porta padrão 3000.
➜ http://localhost:3000/