Skip to content

Latest commit

 

History

History
51 lines (34 loc) · 3.53 KB

File metadata and controls

51 lines (34 loc) · 3.53 KB

2dCode

Projeto teve como foco tornar mais eficiente o acompanhamento do universo de criptoativos, consolidando as informações na palma da sua mão, através do nosso CriptoApp.


O projeto foi idealizado em HTML, CSS e Bootstrap.

Realizado em grupo pelos seguintes participantes:

Acesse o nosso site e confira: CriptoGama

O figma ajudou bastante a termos "um norte" no quesito layout da nossa página

Figma

Trabalhamos em equipe utilizando o fluxo Gitflow para alcançarmos este "norte" de forma eficiente

Branchs

Prezamos pela responsividade em todos os elementos da página

Responsividade Utilizamos Bootstrap na página inteira afim de agilizar o design e a responsividade em si. Houveram sim diversos ajustes através de Media queries, porém boa parte o Bootstrap já deu conta.

Através deste site conseguimos a API das cotações das principais criptos

  • Coingecko - Dentre tantas opções que o Coingecko oferece, escolhemos puxar e comparar somente o valor do dólar e do real das 3 criptos. Tudo bem intuitivo.

Consumimos a API utilizando o método fetch e organizamos as informações nela contidas

Consumo-API - Como o método fetch retorna uma promise e se essa 'promessa' der certo, ele é executada .then e organiza e imprime as informações que nós direcionamos que apareçam na página. Se não, ela retorna um erro mas não comprometendo o andamento do código (pois ela é assincrona). Recomendamos utilizar o catch pois, em caso de exceção ou erro, ele tomará alguma ação para contornar, no nosso caso não implementamos por falta de tempo, mas não é difícil de encontrar conteúdo na internet que te auxiliem no controle das APIs e suas nuances.

Lista-de-cotacoes

Implementamos o Iframe com a sede da CriptoGama

Iframe

Também implementamos os Cards contendo detalhes interessantes sobre as moedas

Cards

Outra implementação bacana foi o Carrossel

Carrossel

Mais uma funcionalidade interessante é o redirecionamento dentro da página

Redirecionamento

Veja também um pouco do nosso Trello, onde acompanhamos nossas atividades de perto

Trello