Volver a proyectos

PortalCorp.exePlan Risk 3D - Portal Corporativo y Dashboard

VISOR_DE_IMÁGENES.EXE

01_PORTAL.PNG
01 / 21
Sección principal del portal B2B

Sección principal del portal B2B

01_PORTAL.PNG
Sección principal del portal B2B
Sección principal del portal B2B
ARCHIVO ACTUAL01 / 21

Tecnologías utilizadas

Tecnologías utilizadas

  • React
  • Vite
  • Ant Design
  • Supabase
  • Tailwind CSS

Sobre el proyecto

Sobre el proyecto

ArchivoEdiciónVerAyuda

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

Funciones

  • 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ódulo
  • Plan 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