Weartake
A Weartake é uma "vitrine" de um e-commerce, onde os usuários podem adicionar/remover produtos do carrinho e obter detalhes dos produtos!
🔰 Ao Vivo
Para acessar o deploy Clique Aqui!
🌐 Api
Foi utilizada a API pública Fake Store Api
📌 Features
- Home
- Listagem dos produtos
- Adicionar produto ao carrinho
- Carrinho
- Remover produto do carrinho
- Resumo
- Mostrar a quantidade total de produtos
- Mostral o valor total dos produtos
- Página do produto
- Exibir a foto, nome, preço, descrição e botão de adicionar ao carrinho
- Listagem dos produtos similares (mesma categoria)
- Header
- Listagem dos produtos de acordo com a categoria selecionada
- Campo de pesquisa
- Listagem dos produtos de acordo com a pesquisa
🛠️ Tecnologias
Este projeto foi desenvolvido com as seguintes tecnologias
- HTML5
- CSS3
- JavaScript(ES6)
- Toastify-js
- Google icons
💻 Pré-requisitos
Para rodar o projeto é necessário que você tenha instalado na sua máquina as seguintes ferramentas:
- Git
- VSCode
- Live Server (VSCode)
🚀 Executando o projeto localmente
# Clone este repositório através do terminal
$ git clone [email protected]:steinerstt/weartake-vanilla.gitPasso a passo no VSCode
Abrir o projeto no vscode
- Abra o vscode
- Arquivo (menu superior esquerdo)
- Abrir pasta
- Selecione a pasta clonada do projeto
- Abra o arquivo index.html
- Rode o live server
📸 Screenshots
📄 Licença
Este projeto está sob a licença do MIT - veja o arquivo LICENSE para detalhes.
Feito com ❤ por Steiner
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent