Amazon Clone
Esse site é um clone simples da página da Amazon e foi feita utilizando Typescript, ReactJS e Tailwind CSS. O principal objetivo desse projeto era realizar um estudo utilizando Tailwind CSS dentro de uma aplicação TSX.
Clone da Amazon
Sobre o projeto
https://wpcavalcante.github.io/amazon-clone
Esse site é um clone simples da página da Amazon e foi feita utilizando Typescript, ReactJS e Tailwind CSS. A aplicação permite que você adicione produtos ao carrinho e remova eles depois de adicionado. Ela também conta com um componente que mostra quantos produtos foram adicionados e a soma total do preço deles. O principal objetivo desse projeto era realizar um estudo utilizando Tailwind CSS dentro de uma aplicação TSX.
Layout
Página Inicial
Sacola de produtos com nada adicionado.
Carrinho de produtos com produtos adicionados. Você pode adicioná-los clicando nos botões de adicionar em cada produto.
Carrinho com seus produtos, acessado através do ícone de carrinho no Header. Só os produtos adicionados pelo usuário na página principal aparecem. O número de itens adicionados e o valor total deles também é adicionado aqui.
Carrinho após remover 2/3 produtos. O valor e a quantidade são reduzidos.
Tecnologias utilizadas
Front End
- ReactJS
- Typescript
- Tailwinds CSS
Criador
Willian Cavalcante
