Lección: 82 PERSONALIZAR el HOME de los USUARIOS con (LARAVEL y MYSQL) FULLSTACK

82 PERSONALIZAR el HOME de los USUARIOS con (LARAVEL y MYSQL) FULLSTACK

Duración: 9 min

Módulo: ✨ Módulo de Experiencia de Usuario y Cierre Lección 2 de 11

Descripción

🏠 Lección 82: Personalizar el Home de los Usuarios

Esta lección avanzada tiene dos partes principales: adaptar la apariencia de los formularios de autenticación y diseñar la estructura del perfil personal del usuario.

1. 🎨 Personalización de Vistas de Autenticación [00:44]

Se modifica la herencia de las vistas de autenticación para que usen la plantilla de la aplicación en lugar del layout predeterminado de Laravel.

Vistas Modificadas: Se editan los archivos login.blade.php y register.blade.php dentro de la carpeta resources/views/auth [00:50, 01:58].
Cambio de Layout: Se reemplaza la directiva @extends('layouts.app') por @extends('principal') [01:10, 02:08].
Resultado: Con solo este cambio, los formularios de login y register automáticamente heredan el menú de navegación, estilos y footer de la plataforma, dándoles un aspecto más unificado [01:21].

2. 🛡️ Validación de Correo Único [03:04]

Se recuerda y demuestra una funcionalidad de seguridad automática de Laravel.

Validación Automática: Se prueba la validación integrada de Laravel que impide el registro de un usuario con una dirección de correo electrónico que ya existe en la tabla users [03:26].
Mensaje de Error: Al intentar registrar el mismo email, Laravel muestra el mensaje: "The email has already been taken." [03:59].

3. 🖥️ Preparación del Dashboard del Usuario (home.blade.php) [04:15]

Se personaliza la vista que los usuarios ven inmediatamente después de iniciar sesión.

Saludo Dinámico: Se implementa un mensaje de bienvenida que utiliza la fachada Auth para mostrar el nombre del usuario autenticado: Bienvenido {{ Auth::user()->name }} [05:07].
Diseño de la Interfaz: Se reemplaza el contenido predeterminado del dashboard por una estructura basada en secciones de la plataforma, utilizando el diseño de cards de Bootstrap familiar (copiado del index.blade.php) [05:54].
Secciones de Personalización: Se define la estructura para las dos funcionalidades principales del perfil:
- Mis Películas Favoritas: Sección donde se cargarán las películas marcadas como favoritas por el usuario [07:02].
- Historial de Películas: Sección donde se registrarán y mostrarán las películas que el usuario ha visitado o reproducido [07:55].

Próximo paso: La siguiente lección se centrará en la implementación de la lógica de "Favoritos", que requerirá un botón de "Añadir a Favoritos" en la vista de detalle de la película y una nueva tabla en la base de datos para almacenar esta relación [07:29].

Apoya este proyecto

Si te gusta nuestro contenido, ¡apóyanos con una donación!

Donar por Airtm Donar por Binance

¡Gracias por tu apoyo! ❤️

Hilari Web