99 Traduciendo Login, Validaciones y Más en Laravel - Cómo Traducir Todo tu Sistema al Español 🇪🇸✨
Duración: 17 minDescripción
🇪🇸 Lección 99: Localización Total y Rediseño del Login en Laravel
En esta sesión, transformamos los componentes del "Starter Kit" (que vienen originalmente en inglés) para adaptarlos totalmente al idioma y estética del proyecto.
1. 🎨 Rediseño Visual del Login (Modo Split)
Mejoramos la primera impresión del sistema personalizando la pantalla de acceso:
- Fondo Personalizado: Cambiamos el diseño a un estilo "Split" (pantalla dividida). En el espacio lateral, insertamos una imagen de fondo (bg_login.jpg) para darle una identidad visual corporativa [03:30].
- Mensajes Dinámicos: Personalizamos el sistema de citas aleatorias que aparece en el login, sustituyendo los autores genéricos por mensajes propios y ajustando el color del texto a blanco para mejorar la legibilidad sobre el fondo [06:35].
- Opacidad y Capas: Aplicamos una capa de opacidad del 50% y ajustamos el índice Z para que la imagen no obstruya los campos del formulario [05:31].
2. 🗣️ Traducción de Flujos de Autenticación
Tradujimos manualmente cada una de las vistas relacionadas con el acceso y la seguridad:
- Inicio de Sesión: Cambiamos etiquetas como Email Address por "Correo Electrónico" y Remember me por "Recuérdame" [08:10].
- Recuperación de Contraseña: Localizamos el flujo completo de Forgot Password, incluyendo el envío de correos electrónicos y la vista de restablecimiento (Reset Password) [09:33].
- Verificación de Correo: Tradujimos las alertas y botones de reenvío de enlaces de verificación [13:59].
3. ⚙️ Localización del Perfil de Usuario
Ajustamos el panel de configuración interna para el usuario final:
- Gestión de Perfil: Tradujimos las secciones de actualización de datos personales y cambio de contraseña [14:54].
- Seguridad (2FA): Localizamos el módulo de Autenticación de Dos Factores, incluyendo los códigos de recuperación y las confirmaciones de contraseña [15:19].
- Apariencia: Tradujimos las opciones de tema (Claro, Oscuro, Sistema) [16:12].
4. 📧 Pruebas de Correo (Mailtrap)
Validamos que los correos electrónicos enviados por el sistema (como el de recuperación de contraseña) lleguen correctamente y que los enlaces de acción funcionen en el entorno local utilizando Mailtrap [10:25].
Estado del Proyecto:
- Frontend: Totalmente coherente en español, eliminando cualquier rastro de la plantilla original en inglés.
- Experiencia de Usuario: Interfaz más moderna y amigable.
🚀 Próximo Paso: En la lección 100, realizaremos un ajuste final de gran escala que afectará a varios módulos, puliendo los últimos detalles técnicos antes del despliegue final.
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️