https://github.com/dev-araujo/crypto-angular
Um projeto em angular para listar e visualizar dados e cotações sobre crypto.
https://github.com/dev-araujo/crypto-angular
angular crypto primeng
Last synced: about 1 year ago
JSON representation
Um projeto em angular para listar e visualizar dados e cotações sobre crypto.
- Host: GitHub
- URL: https://github.com/dev-araujo/crypto-angular
- Owner: dev-araujo
- Created: 2023-12-07T19:34:38.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-03-08T14:26:04.000Z (over 1 year ago)
- Last Synced: 2025-03-08T15:25:18.880Z (over 1 year ago)
- Topics: angular, crypto, primeng
- Language: TypeScript
- Homepage: https://crypto-angular.vercel.app/
- Size: 2.41 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crypto-Angular
> Em construção
## 💻 Projeto
#### Um projeto para listar informações sobre crypto.
- [x] Listagem dos tokens correntes
- [x] Gráficos dos tokens de acordo com a cotação
- [x] Detalhes à respeito de cada token
- [x] Possibilidade de alternar entre o valor da cotação em dolar e em real brasileiro
- [x] Possibilidade de conexão com a metamask
- [x] 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 :arrow_right: [**AQUI**](https://crypto-angular.vercel.app/)
## Feito com 🔨
- **Angular +2**
- **PrimeNG**
- **ChartJS**
- **metamask/detect-provider**
### Consumindo as APIs:
- [Coinranking](https://developers.coinranking.com/api)
- [CryptoCompare](https://min-api.cryptocompare.com/)
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](https://min-api.cryptocompare.com/) e na [Coinranking](https://developers.coinranking.com/api) e crie o arquivo `environment.ts` no diretório `environment` :
```typeScript
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](https://min-api.cryptocompare.com/) e na [Coinranking](https://developers.coinranking.com/api) e crie o arquivo `environment.ts` no diretório `environment` :
```typeScript
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 👷
[](https://www.linkedin.com/in/araujocode/)