Skip to content

Cryptofire é um website que lista o ranking de Criptomoedas.

Notifications You must be signed in to change notification settings

yurihmf/cryptofire

Repository files navigation

❤️‍🔥CryptoFire

Este projeto foi realizado para por em prática alguns estudos que fiz sobre algumas tecnologias que foram utilizadas. Consiste em uma listagem de Criptomoedas que são rankeadas pelo CoinRaking, e também um breve detalhamento de cada moeda.

Eu utilizei a própria API do Coinraking para consumir os dados, e com o Rapid API me inscrevi para gerar as chaves de acesso da API, também me baseei no layout do Coinraking para a criação do meu.

Veja o projeto em produção hospedado na Vercel CryptoFire!

🛠️ Ferramentas utilizadas

 - React
 - NextJS
 - TypeScript
 - TailwindCSS
 - Axios
 - Recharts
 - Millify
 - Moment
 - React Icons

📂 Como rodar o projeto

1. Clone ou baixe o projeto
2. Utilizando o terminal entre na pasta do projeto
3. Certifique-se que tenha instalado o NodeJS na versão 16.~ e também o Yarn 
4. Rode o comando **yarn install**
5. Crie um arquivo chamado **.env.local** na raiz do projeto e nele adicione a variável **NEXT_PUBLIC_API_KEY** com sua chave de api do Coinranking, de preferência pelo site [Rapid API](https://rapidapi.com/Coinranking/api/coinranking1/)
6. Agora só rodar o comando **yarn dev**
7. E pronto, bom hacking! 😁

📸 Screenshots

Home Page 1 Home Page 2 Coin Detail 1 Coin Detail 2