Skip to content

Aplicação e-commerce criada com HTML, CSS, JavaScript e que consome API do Mercado Livre..

Notifications You must be signed in to change notification settings

Leo02452/shopping-cart

Repository files navigation

Shopping Cart

Índice

📄 Descrição

Esse foi um projeto desenvolvido na Trybe usando HTML, CSS, Javascript e a API do Mercado Livre. O desafio proposto no projeto foi criar uma aplicação de e-commerce com carrinho de compras totalmente dinâmico.

Além disso, foram desenvolvidos testes para ter uma aplicação mais segura e consistente.

🚧 Próximos passos

Ver mais
  • Melhorar o design da aplicação com CSS
  • Criar uma animação para mostrar e ocultar o carrinho de compras na lateral do site.

💡 Habilidades desenvolvidas

Ver mais
  • Fazer requisições a uma API (Application Programming Interface) do Mercado Livre.

  • Utilizar os seus conhecimentos sobre JavaScript, CSS e HTML.

  • Trabalhar com funções assíncronas.

  • Implementar testes unitários.

✨ Funcionalidades

Ver mais

✔️ Listar computadores vendidos no Mercado Livre

✔️ Adicionar computadores no carrinho de compras

✔️ Listar soma do preço dos produtos que estão no carrinho de compras

✔️ Esvaziar carrinho de compras

🛠️ Ferramentas

Ver mais

💻 Como usar no ambiente local

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:

Rodando a aplicação

1 - Clone esse repositório para sua máquina com o seguinte comando:

 git clone git@github.com:Leo02452/shopping-cart.git

2 - Entre na pasta criada:

 cd shopping-cart

3 - Instale as dependências:

 npm install

2 - Via interface gráfica, vá até a pasta 'shopping-cart' criada. Entre nela.

3 - Dê um duplo clique no arquivo index.html

Rodando os testes Com os pacotes instalados via comando 'npm install', abra um terminal dentro da pasta raiz do projeto e digite o seguinte comando para testar a aplicação:
 npm test

📝 Autor

Desenvolvido por Leonardo Araujo

Email: leonardo_02452@hotmail.com

Github: https://github.com/Leo02452

LinkedIn: https://www.linkedin.com/in/leo02452/


Contributors 4

  •  
  •  
  •  
  •  

Languages