PortalCorp.exePlan Risk 3D - Portal Corporativo y Dashboard
VISOR_DE_IMÁGENES.EXE
Galería del proyecto
Reemplaza este espacio desde el catálogo del proyectoSección principal del portal B2B
Tecnologías utilizadas
Tecnologías utilizadas
React
Vite
Ant Design
Supabase
Tailwind CSS
Sobre el proyecto
Sobre el proyecto
El Portal Corporativo y Dashboard forma la fachada B2B de Plan Risk 3D. Actúa como la página pública (Landing Page) para atraer clientes y, a su vez, oculta el panel de administración central (La 'Oficina del Jefe') donde se controla a toda la empresa, se ven estadísticas clave (KPIs) y se configuran precios de suscripción.
⚛️ Core del Frontend: Desarrollado con la tecnología más moderna utilizando JavaScript (JSX/ES6+), React 19.1.1 para un renderizado ultra rápido y Vite 7.1.7 como empaquetador, logrando recargas en caliente (HMR) casi instantáneas.
🎨 UI y Diseño Empresarial: Utiliza el robusto framework de Ant Design (v5) para todos los componentes (tablas, modales, alertas) y la librería Recharts para visualizaciones interactivas en el panel de control.
🔌 Comunicaciones en Tiempo Real: Conectado al backend de Django mediante Axios de manera segura. Además, implementa canales bidireccionales con WebSockets (SockJS y StompJS) para un chat en vivo y notificaciones al instante, integrándose también con Supabase como Backend as a Service.
📄 Generación Documental y PWA: Los usuarios pueden exportar reportes en PDF y Word sin requerir del servidor (usando jspdf, docx, mammoth), y editar contenido rico gracias a react-quill-new. Además, el sitio entero está configurado como PWA (Progressive Web App), permitiendo su instalación nativa en ordenadores y teléfonos.
PROPIEDADES_DEL_SISTEMA.CPL
Características
Landing page pública y panel de administración B2B.
Desarrollado con React 19 y Vite para máximo rendimiento y recargas rápidas.
Comunicación en tiempo real con WebSockets (chat) e integración con Supabase.
Componentes UI corporativos con Ant Design y visualización de KPIs con Recharts.
PWA instalable offline y capacidades avanzadas de exportación a PDF y Word desde el navegador.
Ecosistema
Relación con otros módulos
Plan Risk 3D APP Web
Consume la API de la web principal para mostrar las estadísticas 3D en su Dashboard corporativo.
Ver móduloPlan Risk 3D - App Móvil (Flutter)
Panel administrativo que gestiona y visualiza la información enviada por los ingenieros desde la App Móvil.
Ver módulo