Hilari Web

📋 Lección 02: Instalación de Laravel y Configuración de Tabler UI en el Sistema Odontológico 🦷💻

En este capítulo práctico se realiza la creación del proyecto, la configuración de la base de datos y la instalación del panel de administración con Tabler UI en Laravel.

🔑 Pasos de Instalación y Configuración

1. 🚀 Creación del Proyecto Laravel ([00:01:28])

• Se ingresa al directorio del servidor local (carpeta www en WampServer o htdocs en XAMPP).
• Se ejecuta el comando de creación del proyecto vía Composer indicando el nombre odontologia.
• Se comprueba la correcta instalación abriendo la ruta del servidor local en la carpeta public o iniciando el servidor de pruebas con Artisan ([00:05:33]).

2. 🗄️ Configuración de la Base de Datos MySQL ([00:03:53])

• Creación de la base de datos llamada odontologia en phpMyAdmin con cotejamiento en español (utf8mb4_spanish_ci).
• Edición del archivo .env ([00:07:11]):
  • Se cambia la variable DB_CONNECTION de sqlite a mysql.
  • Asignación del nombre de la base de datos a DB_DATABASE=odontologia.
  • Configuración del usuario root y contraseña del entorno local.
• Configuración del motor de base de datos a InnoDB en el archivo config/database.php para habilitar las relaciones entre tablas ([00:08:48]).

3. 🎨 Integración de la Plantilla Tabler UI ([00:09:09])

• Instalación del paquete del starter kit de Tabler UI mediante Composer.
• Exportación total de vistas y el sistema de autenticación ejecutando el comando de instalación de Tabler con el parámetro --all ([00:10:03]).

4. 🗃️ Migraciones y Compilación de Frontend ([00:10:27])

• Ejecución del comando php artisan migrate para generar las tablas base de usuarios y sesiones en MySQL.
• Instalación y compilación de dependencias de Node.js mediante los comandos npm install y npm run dev.

5. 🔐 Prueba del Panel Administrable ([00:13:31])

• Comprobación de la interfaz de login y registro provista por Tabler UI.
• Creación de la primera cuenta de usuario administrador (admin@admin.com) y acceso al Dashboard interactivo con soporte para Modo Oscuro/Claro, modales, tablas y menús navegables ([00:14:32]).