Diseña una aplicación de dashboard institucional para Banorte en React.js.
Autenticación:
Mostrar un formulario de inicio de sesión con campos: usuario y contraseña.
Autenticar al usuario con credenciales fijas (usuario: "admin", contraseña: "banorte2025").
Después del login exitoso, redirigir al panel principal.
Encabezado del Dashboard:
Mostrar el logo de Banorte en la esquina superior izquierda (puedes usar una imagen de ejemplo).
Mostrar el texto “Bienvenido, Banorte” a la derecha.
Incluir un botón de “Cerrar sesión”.
Menú lateral de navegación con 4 secciones:
Casos Urgentes
Gestión de Pólizas
Carga de Datos
Comunicación
Casos Urgentes:
Mostrar una tabla con las siguientes columnas: Fecha, Crédito, Clasificación, Póliza, Fecha de inicio, Fecha de fin.
Incluir una gráfica circular a la derecha con los siguientes datos:
Por confirmar: 50% (color azul)
Asegurados: 35% (color verde)
Generar póliza: 15% (color rojo)
Gestión de Pólizas:
Mostrar opciones para actualizar pólizas vencidas, asociar nuevas pólizas a créditos y revisar vigencias.
Incluir botones de acción como “Actualizar Base” y “Validar Estado”.
Carga de Datos:
Permitir subir archivos .csv o .xlsx.
Mostrar el contenido del archivo como una tabla en pantalla después de cargarlo.
Comunicación:
Área de texto para redactar mensajes.
Botón “Enviar notificación” que simula el envío a ejecutivos de sucursal.
Estilo profesional y corporativo, con colores institucionales de Banorte (rojo, blanco, gris oscuro).
Interfaz responsiva, clara, y funcional para uso interno.
Te ayudo a crear una aplicación de dashboard institucional para Banorte con todas las funcionalidades que solicitas.
He creado una aplicación completa de dashboard institucional para Banorte con todas las funcionalidades que solicitaste:
admin
/ banorte2025
#DC2626
), blanco y gris oscuroLa aplicación está lista para usar y cumple con todos los requisitos solicitados para un sistema institucional profesional de Banorte.
Añadir filtros y búsqueda en las tablas
Te ayudo a implementar filtros y búsqueda en todas las tablas del dashboard de Banorte.
He implementado un sistema completo de filtros y búsqueda en todas las tablas del dashboard de Banorte:
El sistema de filtros está completamente integrado y funcional, permitiendo a los usuarios encontrar rápidamente la información que necesitan en cada sección del dashboard.