<!-- PROMPT DETALLADO PARA DESARROLLAR UNA APP DE ACCESO A ENLACES DE APLICACIONES -->

<!-- OBJETIVO -->
<!-- Crear una aplicación web (APP) que funcione en servidor compartido con login y base de datos, que muestre un dashboard visual con íconos (como en la imagen proporcionada) y un enlace a cada una de las aplicaciones correspondientes. -->

<!-- FUNCIONALIDADES OBLIGATORIAS -->
1. Login seguro con encriptación de contraseñas (bcrypt recomendado) y validación por email.
2. Base de datos (MySQL o PostgreSQL) para guardar:
   - Usuarios (nombre, email, contraseña, fecha de registro, roles).
   - Enlaces (nombre de app, descripción breve, URL del servicio, nombre del archivo de logo).
3. Dashboard principal:
   - Grid responsivo con los logos (como en la imagen proporcionada).
   - Al hacer clic en un logo, abre el enlace en una nueva pestaña.
4. Interfaz 100% responsiva (móvil, tablet, desktop).
5. Idioma predeterminado: Español.
6. Panel de administración con autenticación (solo para admin) para:
   - Agregar/editar/eliminar apps (nombre, logo, URL).
   - Ver usuarios registrados.
7. Seguridad:
   - Protección contra inyecciones SQL y XSS.
   - Validación de formularios frontend y backend.
   - Uso de tokens (JWT o sesiones seguras).

<!-- ESTILO VISUAL -->
1. Colores principales:
   - Fondos: degradado en movimiento (animado por CSS o JS) de azul marino a fucsia.
   - Paleta: morado (#7f00ff), lila (#c084fc), naranja (#ff6f00).
2. Tipografía moderna, legible (recomendada: Poppins, Inter o Rubik).
3. Los logos deben mostrarse dentro de tarjetas o "cards" con sombra suave, borde redondeado y animación sutil al pasar el mouse (hover).
4. El login y el dashboard deben tener un diseño minimalista pero atractivo.

<!-- TECNOLOGÍAS RECOMENDADAS -->
Frontend:
- HTML5, CSS3 (Tailwind o Bootstrap opcional), JavaScript.
- Framework JS opcional: Vue.js o React si lo desean.

Backend:
- PHP (Laravel recomendado para MVC y seguridad) o Node.js con Express.

Base de datos:
- MySQL

<!-- ARCHIVOS NECESARIOS -->
1. Carpeta "/assets/logos/" con todos los logos nombrados tal como están en la imagen (ej: logo-chatgpt.png, capcut.png, etc).
2. Archivo JSON o tabla de base de datos con:
   - nombre: "ChatGPT"
   - logo: "logo-chatgpt.png"
   - url: "https://chat.openai.com"
   (repetir para cada uno de los logos visibles en la imagen)

<!-- PUNTOS CLAVE PARA EL PROGRAMADOR -->
- El sistema debe estar preparado para escalar: poder agregar más apps sin afectar el diseño.
- Las imágenes deben cargarse con lazy loading.
- Los usuarios solo podrán ver la lista si están logueados.
- Cada logo debe estar bien alineado, ordenado y tener etiquetas ARIA para accesibilidad.

<!-- SUGERENCIAS OPCIONALES -->
- Agregar buscador en tiempo real por nombre de app.
- Permitir marcar apps favoritas.
- Guardar historial de accesos (timestamp por usuario).

<!-- ACLARACIÓN FINAL -->
- Esta app NO almacena ni redirige datos sensibles. Solo enlaza a servicios externos de forma organizada.

--- FIN DEL PROMPT ---