Este repositório contém o código do frontend do ObservaTudo, uma aplicação que monitora indicadores através de painéis interativos.
- Nuxt.js: Framework de desenvolvimento para Vue.js com SSR (Server-Side Rendering) e rotas automáticas, proporcionando uma experiência fluida no desenvolvimento de aplicativos de uma página (SPA) ou renderizados no servidor.
- Pinia: Sistema de gerenciamento de estado para Vue.js, oferecendo uma alternativa simples e moderna ao Vuex, com suporte a TypeScript e integração nativa com Vue 3, possibilitando a centralização e o compartilhamento de estados entre componentes.
- DaisyUI: Uma biblioteca de componentes para Tailwind CSS que simplifica a criação de interfaces de usuário com componentes pré-estilizados, facilitando a construção de UIs consistentes e personalizáveis.
components/: Componentes Vue que compõem as interfaces do usuário.pages/: Páginas que definem as rotas da aplicação.plugins/: Plugins que registram bibliotecas e funcionalidades globais e configuram aspectos reutilizáveis em toda a aplicação.store/: Gerenciamento de estado global com Pinia.assets/: Arquivos estáticos como imagens e arquivos de estilo.layouts/: Layouts da aplicação.middleware/: Middlewares de autenticação e proteção de rotas.public/: Arquivos estáticos que não precisam de processamento, servidos diretamente no servidor.composables/: Funções reutilizáveis baseadas nos Composition API do Vue, que ajudam a compartilhar lógica entre os componentes.nuxt.config.ts: Arquivo de configuração principal do Nuxt, onde você define configurações globais, plugins, middlewares e outras opções específicas da aplicação.
- Clone o repositório:
git clone https://github.com/JJDSNT/nuxt_frontend.git&&
cd nuxt_frontend- Instale as dependências:
npm install- Crie um arquivo .env com as seguintes variáveis de ambiente:
API_BASE_URL=http://localhost:8080/api- Inicie o servidor de desenvolvimento:
npm run devO frontend estará disponível em http://localhost:3000.
/ :Painel principal com a visão geral dos indicadores.
/pesquisa :Página para pesquisar indicadores por eixo, fonte ou nome.
Este projeto usa Tailwind CSS para estilização.
Caso queira personalizar o design, você pode ajustar o arquivo tailwind.config.js e os estilos no diretório assets/css.
Faça um fork do repositório.
Crie uma branch com sua feature ou correção de bug:
git checkout -b minha-feature.Faça o commit das suas mudanças:
git commit -m 'Adiciona nova feature'.Envie para a branch principal:
git push origin minha-feature.Abra um pull request.
Este projeto está licenciado sob os termos da licença MIT.
Consulte o arquivo LICENSE para mais informações.