🛒 S-Shop

O s-shop é um sistema do tipo "carrinho de compras" que possui uma página administrativa simples para cadastro de produtos e listagem de compras.

📑 Descrição

O desafio consiste em criar uma aplicação front-end onde o usuário possa escolher os produtos e adicionar em uma cesta de compras. A cesta não pode ser limpa ao fazer o reload da página.

Na página da cesta deve ser obrigatório adicionar um nome para prosseguir com a compra e o usuário pode remover o produto.

✅ Característica da aplicação

• Usuário pode escolher os produtos e adicionar em uma cesta de compra;
• A cesta não pode ser limpa ao fazer o reload da página (localStorage);
• Na página da cesta deve ser obrigatório adicionar um nome para prosseguir com a compra;
• Consumo de API com Axios;
• Utilizado como API Fake o Json-Server.

👽 Libs utilizadas:

• React
• React Hooks
• Context API
• React Router Dom
• Axios
• Styled Components
• uuid
• Json Server
• Jest
• React Testing Library

⌨ Procedimento de instalação

# Clone o projeto e acesse a pasta:
$ git clone https://github.com/paulorobinson/s-shop-front.git

# Acesse a pasta
$ cd s-shop-front

# Instale as dependências:
$ npm i

# Execute o servidor Fake com Json-Server:
$ npm run json-server

# Endpoints:
http://localhost:3001/products
http://localhost:3001/shopping

# Execute o projeto:
$ npm start

# A aplicação estará disponível em seu navegador em http://localhost:3000

🖥 Desktop (screenshot):

Admin > Produtos (http://localhost:3000/admin)

Home (http://localhost:3000/)

Cesta (http://localhost:3000/cart)

Compras (http://localhost:3000/admin/shopping)

🧔🏻 Autor

Feito por Paulo Robinson Giaciani. Entre em contato!