Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jm7087/conversor-e-cambio-de-moedas
Este é um simples conversor de moedas desenvolvido em HTML, CSS e JavaScript.
https://github.com/jm7087/conversor-e-cambio-de-moedas
api css css3 html html-css-javascript html5 javascript js
Last synced: about 2 months ago
JSON representation
Este é um simples conversor de moedas desenvolvido em HTML, CSS e JavaScript.
- Host: GitHub
- URL: https://github.com/jm7087/conversor-e-cambio-de-moedas
- Owner: JM7087
- Created: 2024-08-06T16:26:12.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-16T13:45:52.000Z (4 months ago)
- Last Synced: 2024-08-16T15:12:04.443Z (4 months ago)
- Topics: api, css, css3, html, html-css-javascript, html5, javascript, js
- Language: JavaScript
- Homepage: https://links.jm7087.com/projetos/cotacaoDeMoedas/index.html
- Size: 146 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Conversor é Câmbio de Moedas
Este é um simples conversor de moedas desenvolvido em HTML, CSS e JavaScript. Ele utiliza a API da AwesomeAPI para obter as cotações das moedas e exibi-las em tempo real.
## Funcionalidades
- Conversão de valores entre diferentes moedas.
- Suporte para as seguintes moedas: Dólar (USD), Real (BRL), Euro (EUR), Libra (GBP) e Iene (JPY).
- Interface responsiva para diferentes tamanhos de tela.
- Atualização automática das cotações a cada 30 segundos.
- Mostra o Graficos com a Cotação dos Ultimos 7 dias.
Capturas de Tela PC
Capturas de Tela Celular
## Tecnologias Utilizadas
- **HTML**: Estrutura do site.
- **CSS**: Estilização e responsividade.
- **JavaScript**: Lógica de conversão e integração com a API.
- **API de cotações**: [AwesomeAPI](https://docs.awesomeapi.com.br/)
- **Bilioteca**: [Chart.js](https://www.chartjs.org/docs/latest/)
## Como Usar
1. Clone o repositório:
2. Abrir o index.html no Navegador
## Visão Geral
O projeto consiste em quadros arquivos principais:
- `index.html`: Estrutura HTML da página.
- `style.css`: Estilos CSS para centralizar o botão e ajustar o layout.
- `script.js`: Código JavaScript para utilizar a API e converter os valores como for necessário.
- `chart.js` : Biblioteca para geral gráficos.
## Estrutura do Projeto
```plaintext
.
├── index.html
├── css
├── style.css
├── js
├── script.js
├──chart.js
├── img
│ ├── icone.png
```
## Contribuição
Contribuições são bem-vindas! Se você encontrar algum problema ou tiver alguma sugestão de melhoria, por favor, abra uma issue ou envie um pull request.
## Créditos
- Desenvolvido por [João Marcos](https://links.jm7087.com)