Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)

Code-ready · HTMLPremium
Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)
Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)
Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)
Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)
Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)
Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)
Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)
Plantilla de Panel de Administración Angular — Bootstrap 5, Gráficos, Tablas y Autenticación (Angular 20)

Descripción

Pulse Admin es una plantilla de panel de administración completa para Angular que funciona desde el primer momento: `npm install`, `ng serve`, listo. Está diseñada para desarrolladores que implementan paneles de control de clientes en ASP.NET, Node o cualquier backend REST y desean que el frontend esté manejado.

Lo que obtienes:

  • Componentes independientes de Angular 20, señales, rutas con carga diferida, guardias de rutas funcionales
  • Diseño con Bootstrap 5 y barra lateral responsiva (menú deslizante en móviles)
  • Panel con tarjetas de KPI y gráficos Chart.js (línea, dona, barra, doble eje, pastel, radar) mediante ng2-charts
  • Tabla de datos con búsqueda, filtro, ordenación de columnas, tamaño de página y paginación
  • Lista de productos CRUD + formulario de creación/edición con validación y eliminación
  • Pantallas de inicio de sesión, registro (coincidencia de contraseña, términos) y recuperación de contraseña con autenticación simulada
  • Página de configuraciones/perfil y 404
  • Servicio de datos simulados: una bandera en `api.config.ts` (`USE_MOCK`) mueve clientes y productos a tu API real; la autenticación y las estadísticas del panel están claramente marcadas para que las reemplaces. Pasos para ASP.NET Core Web API documentados
  • Conjunto de iconos SVG originales y favicon, sin imágenes de terceros; todas las dependencias con licencias MIT/Apache-2.0
  • Compilación de producción verificada; README cubre configuración, despliegue (IIS/nginx/ASP.NET Core) y personalización