Files
analiticaNucleo/nuxt4-app/README.md
josedario87 0966af4d1f
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 50s
Feat: Agregar botones de copia a componentes de Totales
Implementa botones "Copiar Texto" y "Copiar JSON" en los tres
componentes de totales del informe de ingresos:

- TotalesIngresoCompra: Exporta datos de Uva, Mojado, Oreado y totales
- TotalesMonetarios: Exporta inversiones, precios promedio y restantes
- TotalesVerde: Exporta métricas de café verde

Cada componente incluye:
- Formato de texto con emojis para compartir en WhatsApp
- Formato JSON para integración con sistemas
- Alertas de confirmación al copiar

Todos los componentes de datos del informe ahora tienen
funcionalidad de exportación consistente.
2025-10-30 16:38:13 -06:00

2.3 KiB

Analítica Núcleo Data Studio

Panel de administración y monitoreo empresarial para Núcleo Río Frío, construido con Nuxt 4, Vue 3 y Nuxt UI.

Características Principales

  • 🎨 Sistema de Temas Personalizable - Personaliza todos los colores de la interfaz
  • 🔐 Autenticación con Authentik - SSO seguro con Authentik Proxy Outpost
  • 📊 Dashboards Interactivos - Visualizaciones de datos con filtros dinámicos
  • 🌙 Dark Mode Optimizado - Tema oscuro pensado para uso prolongado
  • 🚀 Performance - Construido con Nuxt 4 y Vue 3 Composition API
  • 📱 Responsive - Optimizado para desktop, tablet y móvil

Sistema de Temas

Analítica Núcleo cuenta con un sistema de temas completamente personalizable que permite ajustar los colores de la interfaz según tus preferencias.

Para Usuarios

  • Accede a Configuración (/settings) para personalizar el tema
  • Elige entre 4 temas predefinidos: Café, Azul, Verde, Carbón
  • O personaliza cada color individualmente con el selector visual
  • Exporta/importa temas para compartir o hacer backup

📖 Documentación completa: THEME_CUSTOMIZATION.md

Para Desarrolladores

  • Usa siempre variables CSS (--brand-*) en lugar de colores hardcoded
  • Aprovecha las clases utilitarias (.brand-card, .brand-shell, etc.)
  • Utiliza el composable useTheme() para manipular temas programáticamente

📖 Guía de desarrollo: DEVELOPER_GUIDE.md

Look at the Nuxt documentation to learn more.

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.