SISTEMA PROFESIONAL DE KARDEX DE INVENTARIO ## PROGRAMA DE ...
Prompt
SISTEMA PROFESIONAL DE KARDEX DE INVENTARIO ## PROGRAMA DE ATENCIÓN A LA MUJER – SALUD SEXUAL Y REPRODUCTIVA ### APLICACIÓN DE ESCRITORIO PREMIUM CON ELECTRON Desarrolla una aplicación de escritorio premium, moderna e institucional para la gestión profesional de Kardex e Inventario del Programa de Atención a la Mujer – Salud Sexual y Reproductiva. El sistema será exclusivamente para uso interno y particular del responsable del programa SSR. La aplicación debe tener apariencia de software médico comercial enterprise, con experiencia visual moderna, intuitiva y altamente profesional. NO debe verse como un sistema básico, escolar o genérico. El diseño UI/UX es una prioridad extremadamente importante. --- # TECNOLOGÍAS PRINCIPALES Desarrollar utilizando: * Electron.js * Node.js * Express.js * SQLite * React.js * TailwindCSS * Framer Motion * Prisma ORM Arquitectura: * Modular * Escalable * Clean Architecture * Alto rendimiento * Optimizado para escritorio --- # ENFOQUE VISUAL DEL SISTEMA ## EL SISTEMA DEBE VERSE: * Médico * Premium * Institucional * Minimalista * Elegante * Moderno * Fluido * Intuitivo * Ordenado * Sofisticado Inspiración visual: * ERP hospitalarios modernos * SAP Fiori * Odoo Enterprise * Epic Systems * Cerner * Software médico privado premium --- # EXPERIENCIA DE USUARIO (UX) El sistema debe ser extremadamente intuitivo. El usuario debe identificar rápidamente: * Qué módulo está utilizando * Qué productos tienen alertas * Qué movimientos son ingresos * Qué movimientos son egresos * Qué productos están vencidos * Qué productos tienen bajo stock La navegación debe sentirse limpia, rápida y moderna. --- # PALETA DE COLORES PROFESIONAL Utilizar una paleta médica premium y estratégica. ## COLORES PRINCIPALES ### Azul Médico Profesional Para: * Sidebar * Encabezados * Dashboard * Elementos principales Transmitir: * Confianza * Salud * Profesionalismo --- ### Verde Suave Clínico Para: * Confirmaciones * Stock correcto * Ingresos * Estados positivos Transmitir: * Seguridad * Control * Estabilidad --- ### Rojo Elegante Para: * Alertas * Productos vencidos * Bajo stock * Errores * Egresos Transmitir: * Atención inmediata * Prioridad --- ### Amarillo Profesional Para: * Productos próximos a vencer * Advertencias * Alertas preventivas --- ### Gris Premium y Blanco Para: * Fondos * Separaciones * Elegancia visual * Limpieza médica --- # IDENTIFICACIÓN VISUAL DEL SISTEMA Cada módulo debe tener identidad visual clara. ## INGRESOS Usar: * Verde clínico * Iconos de entrada * Indicadores positivos * Flechas ascendentes --- ## EGRESOS Usar: * Rojo elegante * Flechas de salida * Indicadores de descuento --- ## KARDEX Usar: * Azul institucional * Línea de tiempo visual * Historial elegante * Tabla premium --- ## ALERTAS Deben verse modernas: * Tarjetas animadas * Colores llamativos elegantes * Indicadores visuales * Badges dinámicos --- # LOGIN PREMIUM Diseñar pantalla de login moderna tipo software médico comercial. ## DEBE INCLUIR * Fondo elegante desenfocado * Tarjeta glassmorphism * Logo institucional * Animaciones suaves * Inputs modernos * Efectos visuales premium ## CREDENCIALES POR DEFECTO Usuario: SAFCI Contraseña: SAFCI --- # DASHBOARD PREMIUM Crear un dashboard altamente visual e intuitivo. ## MOSTRAR * Total productos * Stock actual * Productos críticos * Productos vencidos * Productos por vencer * Últimos movimientos * Estadísticas mensuales * Gráficos modernos * Indicadores KPI * Actividad reciente --- # COMPONENTES DEL DASHBOARD ## TARJETAS KPI Diseño: * Bordes suaves * Sombras modernas * Gradientes ligeros * Íconos elegantes * Animaciones hover --- ## GRÁFICOS Usar: * Charts modernos * Animaciones suaves * Diseño limpio * Interacción dinámica --- # MÓDULO PRODUCTOS Diseñar interfaz profesional tipo inventario hospitalario premium. ## TABLAS Las tablas deben tener: * Buscador instantáneo * Filtros modernos * Columnas ordenables * Hover elegante * Colores diferenciados * Badges dinámicos --- # ALERTAS VISUALES ## PRODUCTOS VENCIDOS Mostrar: * Fondo rojo elegante * Icono de alerta * Badge crítico * Animación sutil --- ## STOCK BAJO Mostrar: * Indicador naranja * Barra visual * Nivel de riesgo --- ## PRODUCTOS AGOTADOS Mostrar: * Tarjeta crítica * Color rojo intenso * Indicador visual inmediato --- # MÓDULO KARDEX Debe verse como un sistema financiero/profesional. ## MOSTRAR * Línea de tiempo moderna * Historial dinámico * Entradas en verde * Salidas en rojo * Saldos automáticos * Filtros avanzados --- # EFECTOS VISUALES Implementar: * Transiciones suaves * Animaciones elegantes * Hover moderno * Glassmorphism ligero * Sombras premium * Blur effects * Loading screens elegantes --- # TIPOGRAFÍA Usar fuentes modernas: * Inter * Poppins * SF Pro Display El texto debe verse: * Limpio * Profesional * Legible * Médico/institucional --- # MODO OSCURO Implementar dark mode premium. Debe verse: * Elegante * Profesional * No saturado * Similar a software médico moderno --- # EXPERIENCIA GENERAL El usuario debe sentir que utiliza: * Un software médico real * Un ERP premium * Un sistema moderno y comercial * Una aplicación estable y sofisticada --- # ELECTRON DESKTOP La aplicación debe: * Funcionar offline * Tener instalador .exe * Tener icono profesional * Tener splash screen animado * Minimizar a bandeja * Guardar backups automáticos * Tener rendimiento optimizado
A system prompt was added to support web rendering
