Skip to content

Desafio consulta API de cotação de moedas, com Angular 16.

Notifications You must be signed in to change notification settings

cidaluna/currency-converter-angular-16

Repository files navigation

Desafio Currency Converter

O Projeto Currency Converter é uma aplicação desenvolvida em Angular, que consome a API de Cotações AwesomeAPI em tempo real, para mostrar a conversão de três moedas para Real brasileiro (BRL).

  • Dólar Canadense (CAD)
  • Peso Argentino (ARS)
  • Libra Esterlina (GBP)

Página Web com três cards representando o resultado de conversão de moedas retornados via API

Vamos começar ?

Para rodar essa aplicação, siga os próximos passos.

Requisitos

Verifique a compatibilidade do Angular x Node.JS em Angular versions.

Clonando o projeto

  1. Clone o repositório currency-converter-angular-16
git clone https://github.com/cidaluna/currency-converter-angular-16.git
  1. Acesse o diretório do projeto
cd currency-converter-angular-16
  1. Instale as dependências
npm install
  1. Inicie o servidor da aplicação local
npm start

Navegando pelo projeto Angular 16

Após rodar o start, abra o navegador e visite o link http://localhost:4200 para visualizar a aplicação Currency Converter.

API de Cotações

Exemplos:

Legenda API de Cotações

Key Label
bid Compra
ask Venda
varBid Variação
pctChange Porcentagem de Variação
high Máximo
low Mínimo

Testes unitários

Utilize o comando ng test para executar os testes unitários dessa aplicação via Karma.

Fonte utilizada Poppins

A fonte utilizada neste projeto foi a Poppins e está disponível em Google Fonts.

Instalando versão específica do Angular

Comandos

npm install -g @angular/[email protected]
npm install -g npx
npx @angular/cli@16 new nome-do-seu-projeto

Exemplo de primeiro commit no GitHub

Comandos

echo "# currency-converter-angular-16" >> README.md
  git init
  git add README.md
  git commit -m "first commit" 
  git branch -M main 
  git remote add origin https://github.com/cidaluna/currency-converter-angular-16.git 
  git push -u origin main 

Considerações

Agradeço a sua visita neste repositório, se desejar, compartilhe com outras pessoas!!

Espero continuar nesse modo lifelong learning, colaborar em diversos projetos, compartilhar aprendizados e constantemente melhorar a experiência da pessoa que chamamos de "usuário final" das aplicações.

Se possível

  • ⭐️ Marque uma estrela neste projeto.

  • 🐛 Encontre e relate issues.

Desenvolvido com ❤️ por Cida Luna