Dashboard Financeiro com Vue.js

Este projeto é um dashboard financeiro desenvolvido em Vue.js como parte dos meus estudos e prática de desenvolvimento front-end moderno.

Objetivo

O objetivo principal é consumir dados de ações do mercado financeiro (via Alpha Vantage API), exibir informações relevantes em tabela e gráfico, e praticar boas práticas de arquitetura, componentização e integração com APIs.

Funcionalidades

• Busca de dados de ações por símbolo (ex: AAPL, MSFT, PETR4.SA)
• Exibição dos preços de fechamento dos últimos dias em tabela estilizada
• Visualização dos dados em gráfico de linha (Chart.js)
• Interface responsiva e amigável

Tecnologias Utilizadas

• Vue.js 3
• Chart.js + vue-chartjs
• Alpha Vantage API

Como rodar o projeto

1. Clone este repositório
2. Instale as dependências:

   npm install

3. Crie um arquivo de serviço com sua chave da Alpha Vantage (veja src/services/alphaVantage.js)
4. Rode o projeto:

   npm run serve

Observações

• Este projeto é para fins de estudo e prática. Não deve ser usado para decisões financeiras reais.
• A API Alpha Vantage possui limites de requisições gratuitas.

Prints

---

Feito com dedicação para aprendizado e portfólio.