Skip to content

Um projeto em angular para listar e visualizar dados e cotações sobre crypto.

Notifications You must be signed in to change notification settings

dev-araujo/crypto-angular

Repository files navigation

Crypto-Angular

License

Em construção

💻 Projeto

Um projeto para listar informações sobre crypto.

  • Listagem dos tokens correntes
  • Gráficos dos tokens de acordo com a cotação
  • Detalhes à respeito de cada token
  • Possibilidade de alternar entre o valor da cotação em dolar e em real brasileiro
  • Possibilidade de conexão com a metamask
  • Uma vez conectado com a metamask possibilita a criação de uma 'lista de favoritos' onde se pode conferir a cotação e detalhes mais facilmente dos tokens favoritados

✨ Resultado

  • O resultado pode ser conferido ➡️ AQUI

image

image

Feito com 🔨

  • Angular +2
  • PrimeNG
  • ChartJS
  • metamask/detect-provider

Consumindo as APIs:

Instruções para rodar local

Por ser um projeto realizado com Angular, há a necessidade do NodeJS. Com ele instalado basta seguir os seguintes passos.

No terminal, clone o projeto:

git clone https://github.com/dev-araujo/crypto-angular.git

Crie as chaves na CryptoCompare e na Coinranking e crie o arquivo environment.ts no diretório environment :

export const environment = {
  production: true,

  url: {
    baseUrl: 'https://api.coinranking.com/v2/',
    historicalBaseUrl: 'https://min-api.cryptocompare.com/',
    symbolUrl: 'https://data-api.cryptocompare.com',
  },
  tokens: {
    HISTORICALAPI:
     "SUA-CHAVE-COINRANKING",
    ACCESSTOKEN: 'SUA-CHAVE-CRYPTOCOMPARE',
  },
};

Instale as dependências:

npm install

Execute a aplicação:

npm run start

Instruções para rodar com Docker🐋

No terminal, clone o projeto:

git clone https://github.com/dev-araujo/crypto-angular.git

Crie as chaves na CryptoCompare e na Coinranking e crie o arquivo environment.ts no diretório environment :

export const environment = {
  production: true,

  url: {
    baseUrl: 'https://api.coinranking.com/v2/',
    historicalBaseUrl: 'https://min-api.cryptocompare.com/',
    symbolUrl: 'https://data-api.cryptocompare.com',
  },
  tokens: {
    HISTORICALAPI:
     "SUA-CHAVE-COINRANKING",
    ACCESSTOKEN: 'SUA-CHAVE-CRYPTOCOMPARE',
  },
};

Crie a imagem :

docker build -t crypto-app .

Execute o container:

docker run -p 4201:4200 crypto-app

Acesse a aplicação na porta 4201


Author 👷

caricatura do autor desse repositório

linkedin

About

Um projeto em angular para listar e visualizar dados e cotações sobre crypto.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published