👨🏫CONVERSOR DE MOEDA EM REAIS, DOLARES E EUROS COM EXCHANGE RATE API, ELECTRONJS E BOOTSTRAP.
Este aplicativo web permite converter valores entre reais brasileiros (BRL), dólares americanos (USD) e euros (EUR) usando as taxas de câmbio mais recentes fornecidas por uma API externa.
- Conversão de Moeda: Permite converter valores digitados em tempo real entre BRL, USD e EUR.
- Atualização Automática: As taxas de câmbio são obtidas automaticamente da API sempre que o usuário executa uma conversão.
-
Instalar as dependências do projeto:
- No diretório
CODIGO
, abra o terminal ou prompt de comando e execute o seguinte comando:npm install
Este comando instala todas as dependências listadas no arquivo
package.json
do seu projeto. - No diretório
-
Obtendo o Token da API: Para utilizar as taxas de câmbio fornecidas pela Exchange Rate API, você precisará de um token de API. Siga os passos abaixo para obter o seu token:
-
Registre-se no Exchange Rate API:
- Acesse o site Exchange Rate API.
- Crie uma conta gratuita ou faça login se já tiver uma.
-
Obtenha o Token:
- Após o registro, você será direcionado ao painel de controle onde poderá ver o seu token de API.
- Copie o token fornecido. Este token será usado para autenticar suas requisições à API.
-
-
Coloque o Token no Código:
- Abra
./CODIGO/src/renderer.js
e substituaSEU_TOKEN_AQUI
pelo seu token na linha 8:
const response = await axios.get('https://v6.exchangerate-api.com/v6/SEU_TOKEN_AQUI/latest/BRL');
- Abra
-
Executar o Aplicativo:
- Ainda no diretório
CODIGO
, abra o terminal ou prompt de comando e execute o seguinte comando:npm start
Este comando inicia a aplicação, abrindo uma janela com o aplicativo pronto para uso.
- Ainda no diretório
-
Usando App:
-
Digite o Valor:
- Digite o valor que deseja converter nos campos de entrada correspondentes:
- BRL (Reais Brasileiros): Digite o valor em reais.
- USD (Dólares Americanos): O valor equivalente em dólares será calculado automaticamente.
- EUR (Euros): O valor equivalente em euros será calculado automaticamente.
-
Visualize a Conversão:
- Assim que você digitar ou modificar um valor em qualquer um dos campos (BRL, USD ou EUR), o aplicativo irá automaticamente calcular e exibir os valores convertidos nos outros campos.
-
Erros de Conversão:
- Se ocorrer algum erro ao tentar converter a moeda (por exemplo, problemas de conexão com a internet ou falhas na API de taxa de câmbio), uma mensagem de erro será exibida no console do navegador.
-
-
Configurar o electron-builder:
- Verifique se o
electron-builder
está configurado corretamente nopackage.json
do projeto, na seção"build"
.
- Verifique se o
-
Gerar o aplicativo:
- No diretório
CODIGO
, abra o terminal ou prompt de comando e digite o seguinte comando:npm run build
Este comando utiliza o
electron-builder
para gerar o executável e o instalador. - No diretório
-
Localizar os arquivos gerados:
- Após a conclusão do processo de build, os arquivos gerados estarão localizados na pasta
dist/
dentro do diretórioCODIGO/
. Você encontrará o executável e o instalador do aplicativo.
- Após a conclusão do processo de build, os arquivos gerados estarão localizados na pasta
- Entendemos que para manipular arquivos em
HTML
,CSS
e outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis: