/weartake-vanilla

A Weartake é uma "vitrine" de um e-commerce, onde os usuários podem adicionar/remover produtos do carrinho e obter detalhes dos produtos!

Primary LanguageJavaScriptMIT LicenseMIT

Weartake

GitHub Website

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 git@github.com:steinerstt/weartake-vanilla.git

Passo a passo no VSCode

Abrir o projeto no vscode

  1. Abra o vscode
  2. Arquivo (menu superior esquerdo)
  3. Abrir pasta
  4. Selecione a pasta clonada do projeto
  5. Abra o arquivo index.html
  6. Rode o live server

📸 Screenshots

Home

Carrinho vazio

Carrinho com produtos

Página do produto


📄 Licença

Este projeto está sob a licença do MIT - veja o arquivo LICENSE para detalhes.

Feito com ❤ por Steiner