01 🚗 Sistema de Parqueo Profesional | Proyecto Real + Código fuente FullStack
Duración: 38 min
Módulo: Configuración y Módulos Base
Lección 1 de
2
Descripción
💥 Lección 01: Inicio del Sistema de Parqueo | Setup FullStack
🎯 Contexto y Objetivo Central
Este primer episodio marca el inicio de un proyecto real de un Sistema de Gestión de Parqueo, con el ambicioso objetivo de construir una solución FullStack funcional en tan solo una semana. La lección se centra en establecer el entorno de desarrollo y la base técnica sólida para el reto que se avecina.
🛠️ Configuración y Herramientas Utilizadas
| Ícono | Herramienta/Tecnología | Detalle de Uso |
|---|---|---|
| 🚗 | Laravel 12 (FullStack) | Seleccionado como framework principal por su escalabilidad y robustez para proyectos empresariales. |
| 💻 | WAMP Server & Node.js | Verificación y configuración del servidor local y entorno de ejecución (Composer/NPM). |
| 💾 | MySQL (phpMyAdmin) | Creación de la base de datos sistema_de_parqueo y configuración de la conexión con Laravel. |
| 🔐 | Laravel UI & Bootstrap | Instalación del scaffolding de autenticación básica (login, register) para la gestión inicial de usuarios. |
| ✨ | AdminLTE | Integración de la plantilla de administración profesional, reemplazando las vistas básicas de Laravel para el Dashboard. |
📝 Resumen Técnico de la Lección
- Introducción y Reto (00:01:19): Se presenta el encargo del cliente (un sistema de parqueo para reemplazar la gestión manual) y el desafío de cumplir con el tiempo de entrega.
- Creación del Proyecto (00:07:16): Se instala la última versión de Laravel (v12) mediante Composer.
- Configuración de Base de Datos (00:12:09): Se crea la base de datos y se configura el archivo .env de Laravel para usar MySQL y el motor de almacenamiento InnoDB (para futuras relaciones).
- Migraciones y Seeder (00:25:39): Se ejecuta php artisan migrate para crear las tablas base del sistema y se aprovecha el seeder predeterminado para crear un usuario de prueba (test@example.com).
- Integración de Plantilla (00:30:40): Se instala AdminLTE y se publican sus vistas de autenticación, transformando el dashboard predeterminado en una interfaz de administración moderna y responsive.
🚀 Preparación para el Próximo Capítulo
Con la autenticación básica y la plantilla lista, el escenario está configurado para abordar los requisitos funcionales. El siguiente paso será enfocarse en la seguridad avanzada y la gestión de permisos.
Lecciones
Configuración y Módulos Base
Lección 2. 02 ⚙️ Configuración del Sistema DESDE CERO - Laravel + Filament | Ajustes Profesionales
106 min
👑 Módulos de Usuarios y Seguridad Inicial
Lección 1. 03 👑 SISTEMA DE ROLES Completo - Laravel + Spatie Permission | Autenticación Profesional
67 min
🚗 Módulos Operacionales de Inventario
Lección 1. 08 🅿️ MÓDULO ESPACIOS Completo - Gestión de Plazas de Parqueo | Laravel Sistema Real
49 min
Lección 3. 10 🚗 Registro de Clientes + Vehículos - Laravel CRUD Empresarial | Proyecto FullStack
45 min
Lección 4. 11 🚗 MÓDULO VEHÍCULOS Completo - CRUD + Relaciones + Foreign Keys | Laravel Parqueo
66 min
🎟️ Gestión de Tickets y Cobro
Lección 3. 14 🎟️ Registro de Tickets en la Base de Datos | Sistema de Parqueo con Laravel FullStack
52 min
Lección 5. 16 🎟️ Impresión y Cancelación de Tickets | Sistema de Parqueo con Laravel 12 FullStack
56 min
Lección 8. 19 🧾 Generar Código QR con datos de la Factura | Sistema de Parqueo Laravel 12 FullStack
12 min
📊 Dashboard y Reportes Financieros
Lección 3. 22 📊 Cards, Métricas en Tiempo Real e Ingresos | Sistema de Parqueo Laravel 12 FullStack
49 min
Lección 8. 27 💲 Reporte Semanal de Ingresos del Parqueo | Sistema de Parqueo Laravel 12 FullStack
30 min
Lección 9. 28 💲 Reporte Mensual de Ingresos del Parqueo | Sistema de Parqueo Laravel 12 FullStack
41 min
Lección 10. 29 💲 Reporte de Ingresos Diarios del Parqueo | Sistema de Parqueo Laravel 12 FullStack
33 min
🛡️ Permisos y Control de Acceso
👤 Gestión de Perfil y Mantenimiento
Lección 1. 36 🔑 Evitar Borrar Roles con Usuarios Asociados | Sistema de Parqueo Laravel 12 FullStack
10 min
🚀 Cierre y Despliegue
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️