Aplicativo de Carrinho de Compras

Um aplicativo de carrinho de compras do mundo real construído com React/Typescript/Vite.

Stack Tecnológica

• React / Typescript / Vite
• SASS / CSS Modules

Funcionalidades do Aplicativo:

I. Página de Lista de Produtos

1. A página de lista de produtos exibe todos os produtos disponíveis, mostrando a imagem em diferentes resoluções e um botão para adicioná-lo ao carrinho.
2. A página de lista de produtos é utilizável em dispositivos desktop e móveis, utilizando uma grade de três itens por linha em desktop e de dois ou um item, dependendo da largura da tela em mobile.

II. Seção do Carrinho

1. O carrinho lista todos os produtos adicionados, exibindo o título e uma opção para atualizar a quantidade desejada.
2. A lógica do componente de quantificador permite ao usuário adicionar quantos itens desejar, mas se a contagem for reduzida a zero, o produto será removido do carrinho.
3. O carrinho exibe o preço unitário e total de todos os itens adicionados

Executando o aplicativo localmente

Para executar o aplicativo, siga estes passos:

1. Certifique-se de que o NodeJS está instalado.
2. Instale o yarn.
3. A partir da pasta do projeto, execute os seguintes comandos:

Para instalar as dependências:

  yarn

Para executar o app:

  yarn run dev

Sobre

Sou desenvolvedora há 2 anos, trabalhando com as tecnologias React, Typescript e VTEX. Tenho formação em Design e atualmente estou cursando pós graduação em Engenharia de Software para ter uma visão macro sobre desenvolvimento. Dentre as empresas que pude contribuir, destaco:

• Tommy Hilfigher BR
• Yeanzah
• Digaspi
• Liritty
• Creamy
• Skelt
• Candide