- Adiciona arquivo .env.example com variável VITE_URL_BACKEND
- Inclui .env no .gitignore
- Adiciona novas dependências: axios, pinia, socket.io-client,
- Remove sistema de roteamento anterior e simplifica App.vue
- Substitui componentes antigos (NavButton, ServerCard, SidePanel) por novo SessionCard
- Remove páginas antigas (Dashboard, Sections) e cria nova página Sessions
- Implementa composable useWebSocket para conexão com backend via socket.io
- Cria store Pinia para gerenciamento de estado das sessões e aplicações
- Define interfaces TypeScript para tipos de dados do websocket
- Atualiza mock de servidores para nova estrutura de dados
- Configura servidor Vite para hospedagem na porta 3333
- Ajusta configuração do TypeScript
- Adiciona biblioteca lucide-vue-next para ícones modernos
- Cria componente ServerCard com informações detalhadas:
* Exibe nome, IP e status do servidor
* Barras de progresso para RAM e armazenamento
* Cores dinâmicas baseadas na porcentagem de uso
* Informações detalhadas de memória (livre, cache)
- Aprimora SidePanel com funcionalidade de colapsar:
* Botão para expandir/recolher o painel lateral
* Ícones lucide para navegação (Dashboard, Settings)
* Estados ativos baseados na rota atual
- Implementa dados mock para 4 servidores de exemplo
- Atualiza Dashboard com layout em grid dos cards de servidor
- Configura HTML principal com tema escuro e idioma português
- Adiciona Vue Router com rotas para Dashboard e Seções
- Cria componentes de navegação: SidePanel e NavButton
- Implementa páginas Dashboard e Sections
- Configura sistema de cores personalizado no Tailwind CSS
- Estabelece layout principal com painel lateral de navegação
- Remove componente HelloWorld padrão do template
Artur Oliveira
Artur Oliveira