Skip to content

JennyLamego2022/conversor-de-moeda

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Conversor de Moeda

Conversor de moeda (Real/moeda Estrangeira), para que o usuário possa selecionar a moeda desejada e verificar a quanto vale o seu Real de acordo com a cotação do dia. Cotação feita através da API Rest (https://economia.awesomeapi.com.br/last/) de conversão de moeda a cada 30 minutos, sendo assim o usuário estará sempre atualizado de acordo com a sua necessidade.

Objetivo do projeto:

Consumir uma API Rest de conversão de moeda e juntamente adaptar a um design do frontendmentor (https://www.frontendmentor.io/challenges/faq-accordion-card-XlyjD0Oam), que serviu de inspiração para criação do layout. Para dar mais opções der utilização ao usuário, criei dois temas, um light e um dark, que são trocados com um click no botão tema.

  • CSS: Aplicação de variáveis de cores para implantação da troca de temas, manipulação de display flex e display grid.

- JavaScript: função para troca de temas do painel com apenas um clique em um botão de mode, consumo de API, switch case, para troca da moeda e cotação sselecionada.



🚀 Link do projeto para visualização no navegador

Deploy Netlify: https://tubular-travesseiro-461536.netlify.app/
Deploy Github: https://jennylamego2022.github.io/conversor-de-moeda/

📋 Pré-requisitos para rodar


  • Editor de código de sua preferência (recomendado VS code)
  • Git

📝 Procedimentos de instalação


Clone este repositório usando o comando:

git clone https://github.com/<meu_user>/<my-repo>.git

✔️ Técnicas e tecnologias utilizadas

  • JavaScript
  • HTML
  • css
  • Flexbox
  • GRID

HTML5 CSS3 javascript


⌨️ com ❤️ por Jennyfer Lamego