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
👨🏼💻 Tecnologias utilizadas:
- HTML5
- CSS3
- JavaScript
- Bootstrap
- Google Charts
- API Alpha Vantage
🛠️ Esse projeto de exemplo foi desenvolvido por Daniel Portela.
⚙️ 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, 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