Conversor React.JS

Esse Conversor de moedas foi escrito em React.JS com *auxílio* (não cópia) do Programador Br">vídeo de React.JS do Programador BR. A obtenção dos valores das moedas atuais foi feita através da API Free.Currency disponibilizada aqui.

🔗 React

🚀 lib para construir interfaces do usuário com componentes reutilizáveis.

Status do Projeto

React Select 🚀 Finzalizado 👍

Como usar

Estando no com a aplicação aberta em seu navegador, será apresentado alguns Cards. Esses cards contem um campo de input onde só é permitido valores númericos e é requisitado a entrada de dados da parte do usuário para a exibição do valor convertido logo abaixo da caisa de input.

A aplicação contém diferentes cards para a conversão poder ser feita em difenretes moedas do mundo, sendo elas BRL,USD e EUR.

Pré-requisitos e como rodar a aplicação/testes

Para seguir os passos a seguir é necessário que você tenha instalado em sua máquina o node.js, git,Visual Studio Code ou outro editor de preferência

Para rodar a aplicação na sua máquina primeiro clone o projeto para sua áreia de trabalho. para isso entre no terminal com as teclas W + R e digite cmd

Dentro do cmd entre na sua área de trabalho ou em uma pasta de sua preferencia. Para isso use o comando cd + caminho da pasta que quer entrar, exemplo:

   cd desktop/clone_conversor_app

Estando dentro da pasta rode o comando a seguir para inicializar o git na sua pasta e poder baixar os arquivos:

   git init

Em seguida use:

   git clone https://github.com/VictorSilva15/Conversor_React.git

Esse comando irá iniciar a clonagem do projeto linkado nesse repositório para dentro da pasta que você criou em sua máquina.

Agora é abrir a pasta no seu editor de preferencia como Visual Studio Code, ou Sublime Text. Se você tiver instalado o VS Code basta dentro do terminal executar:

    code .

Esse comando irá abrir o projeto dentro do VS code para começarmos a execução

Você verá diversas pastas como public que contém o index.html, arquivo onde nossos components são renderizados. Dentro da pasta src temos os arquivos index.js que faz a ligação com o arquivo index.html dentro de public, e temos o App.js que importa nossos componentes da pasta components. Dentro de components temos um arquivo chamado Conversor.jsx que contem toda a lógica de conversão de nossa aplicação. Cada card de conversão é uma instancia/componente da classe Conversor.

Instalando dependências

Para rodar/testar a aplicação no sua máquina através do localhost, primeiramente será necessário que você instale o npm para instalar os node_modules dentro do projeto e assim conseguir incializa-lo. Para isso entre na pasta do projeto se ainda não estiver nela com:

    cd Conversor_React/src

Depois use o comando:

    npm install

Feito isso, começará a instalar os pacotes necessários para rodar os arquivos na sua máquina. Além do npm há o yarn e npx que usam da mesma estrutura do npm para serem instalados, tente eles se a aplicação não rodar. Erros podem acontecer por falta de algum pacote, então o mais viável é utilizar o npx na hora de rodar a aplicaçaõ será instalado os pacotes que faltam.

Depois de instalar o npm, basta iniciar a aplicação com:

    npm start

Pronto, sua aplicação deverá iniciar no localhost:3000, e assim você pode começar os testes

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

💪 Como contribuir para o projeto

Faça um fork do projeto.
Crie uma nova branch com as suas alterações: git checkout -b my-feature
Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
Envie as suas alterações: git push origin my-feature

Autor

Linkedin Badge

filipemoreiralemos / Converter_money