Em construção
- 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
- O resultado pode ser conferido ➡️ AQUI
- Angular +2
- PrimeNG
- ChartJS
- metamask/detect-provider
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
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