📚 Pré-requisitos Teóricos: este projeto aplica conceitos ensinados em Especialização em Frontend com Vue. Recomendado revisar antes de começar.

💚 Painel Analítico com Vue 3, ECharts & VeeValidate

v1.0 — Engenharia de Software & Práticas Profissionais

Trilha de Especialização Pedagógica

• Tecnologias: Vue 3, Composition API, Apache ECharts, VeeValidate, TailwindCSS, Vite
• Arquivo Principal: src/App.vue

—`

🎯 Objetivo & Escopo do Projeto

Aplicação corporativa com Vue 3 Composition API (<script setup>), gráficos analíticos interativos com Apache ECharts, formulários validados com VeeValidate e TailwindCSS.

—`

🛠️ Código de Exemplo da Implementação

<template>
  <div class="p-8">
    <h1 class="text-2xl font-bold">Dashboard Analítico em Vue 3</h1>
    <p class="text-gray-600">Visualização de métricas de telemetria em tempo real.</p>
  </div>
</template>

<script setup>
import { ref } from 'vue';
const totalVendas = ref(128500);
</script>

—`

🚀 Como Executar no Laboratório

1. Abra o terminal na pasta deste projeto

No seu editor/IDE, abra a pasta deste projeto (File > Open Folder) ou navegue via terminal:

cd vue_02_dashboard_charts

2. Execute a aplicação ou testes

npm install
npm run dev
# ou abrir index.html no navegador

[!TIP] Dica para execução a partir da raiz do repositório: Se você abriu o repositório completo no VS Code, basta navegar até a pasta antes de executar: cd proj_aplicacoes_full_stack/projetos/vue_02_dashboard_charts