Teste Carrinho de Compras

site feito com o intuito de fazer um teste de carrinho de compras onde poderá ser visto um site onde possui uma lista de 8 produtos fornecido por uma API.

Como podemos ver, temos um botão em cada Card Produto onde efetuamos nossa compra, É ele onde efetuamos nossa adição ao Carrinho.

Apertando esse botão, podemos identificar o nosso produto que foi adicionado ao carrinho de compras.

Aqui podemos ver o nosso carrinho com as informações de total do valor da compra, informações do nosso produto e quantos produtos estamos levando. Aqui também podemos tirar os itens do carrinho ou adicionar novos produtos.

Tecnologia utilizada na construção do projeto

• React
• React-query
• Sass
• Figma
• Axios
• TypeScript
• Html

Caso queira baixar o projeto ou clonar

Caso queira baixar o projeto ou clonar, basta ir no seu próprio Vscode abrir o git ou instalar o git e digitar.

    git clone

ou pelo GithubCLI

    gh repo clone betoblid/Shopping-Cart

e logo em seguida o github intalará todos os arquivos, Após isso basta instalar as dependências do projeto para que possa funcionar em sua máquina.

    npm install
        Ou
    npm i

E após instalar as dependências, digitar o comando:

    npm run start

E o projeto será aberto logo em seguida no seu navegador padrão