02 Módulo ajuste de login personalizado con LARAVEL (PHP y MySql) FullStack

Duración: 25 min
Módulo: ⚙️ Configuración e Inicialización Lección 2 de 5

Descripción

🎨 Lección 02: Ajuste y Personalización de Login con LARAVEL (PHP y MySql)

En esta lección esencial, dejamos atrás el boilerplate de Laravel y comenzamos a darle una identidad visual única a tu sistema. Aprenderás a configurar el proyecto sobre una base existente y a aplicar estilos avanzados para un acceso profesional.

🛠️ Configuración Inicial del Proyecto:

  • Migración y Seeders: El instructor te guía paso a paso para renombrar el proyecto a sis-gestión-de-archivos [00:45] y configurar el archivo .env [04:21].
  • Base de Datos: Se explica cómo crear y migrar las tablas de la base de datos [03:07], y cómo sembrar el primer usuario (db:seed) [05:00] para poder acceder al sistema.

🖼️ Estilización del Login con CSS:

Se personaliza la vista login.blade.php para transformar la interfaz predeterminada:

  • Fondo de Imagen: Aprenderás a integrar una imagen de fondo de forma segura, guardándola localmente en el directorio public/imágenes [08:38] y aplicándola mediante background-image [11:06].
  • Ajustes Responsivos: Uso de propiedades CSS como background-repeat: no-repeat y background-size: 100% 100% [12:07] para asegurar que la imagen de fondo se adapte perfectamente a cualquier pantalla.

✍️ Tipografía y Efectos Elegantes:

  • Fuentes Personalizadas: Se muestra cómo instalar una fuente externa (descargada de DaFont) en el directorio public/font [16:15] e integrarla usando @font-face en CSS [19:04] para estilizar el título "Sistema de gestión de archivos".
  • Efecto de Sombra: Se aplica text-shadow [21:50] al título para un efecto visual impactante que lo haga destacar sobre la imagen de fondo.