Skip to content

Projeto de landing page para apresentar em banca final da primeira parte da jornada criptodev da Gama Academy

License

Notifications You must be signed in to change notification settings

Lucas-andrade-nascimento/landing-page-criptoapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Projeto de landing page para apresentar em banca final da primeira parte da jornada criptodev da Gama Academy

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published