https://github.com/daniel-portela/interface-api-cliente-acoes

Este é um projeto de estudo para consumo de dados de cotação de ações na bolsa de valores através de uma API (Alpha Vantage).
https://github.com/daniel-portela/interface-api-cliente-acoes

api-client bootstrap css3 google html5 javascript

Last synced: about 1 month ago
JSON representation

Este é um projeto de estudo para consumo de dados de cotação de ações na bolsa de valores através de uma API (Alpha Vantage).

• Host: GitHub
• URL: https://github.com/daniel-portela/interface-api-cliente-acoes
• Owner: daniel-portela
• License: other
• Created: 2024-06-02T13:34:07.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-02T13:47:58.000Z (about 2 years ago)
• Last Synced: 2025-03-16T04:43:59.178Z (over 1 year ago)
• Topics: api-client, bootstrap, css3, google, html5, javascript
• Language: JavaScript
• Homepage: https://cotacaoapiclient.netlify.app/
• Size: 295 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


Interface API Ações - JavaScript

Este é um projeto de estudo para consumo de dados de cotação de ações na bolsa de valores através de uma API (Alpha Vantage), tratamento e exibição das respectivas informações em uma página contendo tabela e gráficos. Desenvolvido em HTML5, CSS3, JavaScript e Google Charts



![preview](https://github.com/daniel-portela/interface-api-cliente-acoes/assets/110783805/c6f3cf49-69dd-4245-b1e6-51e4a9134b38)

👨🏼‍💻 Tecnologias utilizadas:

* HTML5

* CSS3

* JavaScript

* Bootstrap

* Google Charts

* API Alpha Vantage



🛠️ Esse projeto de exemplo foi desenvolvido por [Daniel Portela](https://www.linkedin.com/in/danielportelati).

⚙️ Próximos passos para o projeto:

- Exibir mais dados: Além de abertura e fechamento, incluir dados como volume, alta e baixa diária.

- Estilização: Melhorar o design da página com mais CSS e talvez incluir frameworks como Materialize ou Bootstrap para um design responsivo e moderno.

- Mensagens de erros aprimoradas: Fornecer mensagens de erro mais detalhadas quando a pesquisa falhar, por exemplo, quando o símbolo da ação não for encontrado.

- Dark Mode: Adicionar um modo escuro que os usuários possam ativar e desativar.



🛠️ Como utilizar o projeto:

Acesse o site https://www.alphavantage.co e crie uma chave pública para utilizar a API

Altere o código fonte e inclua a sua chave pública para utilizar a API (arquivo "./js/alphavantage.js" - linha 34:

var apiKey = 'SUA_CHAVE_API';

Faça as alterações necessárias para adaptar o exemplo às suas necessidades

🔒 Licença

Este projeto está sob [LICENSE](LICENSE), o que significa que você não tem permissão para usar, modificar e distribuir o

código conforme desejar, desde que mantenha o aviso de direitos autorais e a licença. Contudo, se você encontrar bugs,

tiver sugestões de melhorias ou quiser contribuir de alguma forma, ficarei feliz em receber seu feedback.

✉️ Contato:

Se você tiver alguma dúvida, sugestão ou interesse em colaborar, não hesite em me contatar.

Email:  danielportela.ti@gmail.com