Pasantes / Junior Laravel 12 Tailwind CSS

CRUD de Clientes

Prueba técnica — Evaluación de fundamentos Laravel

2 h

Tiempo total

6

Consultas BD

3

Fases

1 Preparación 15 min

Importar BD · Crear proyecto · Configurar .env · Instalar Tailwind

2 Desarrollo CRUD 90 min

Crear · Editar · Eliminar · Ver clientes con validaciones

3 Pruebas BD 20 min

10 pruebas manuales + identificar error intencional en la BD

Base de Datos

Archivo: clients.sql  ·  BD: clients_crud  ·  Tabla: clients

⚠️

Error intencional

La BD tiene un error. Debes identificarlo en la Prueba 1.

Descargar clients.sql
# Campo Tipo Restricciones
1 id PK BIGINT PK · Auto-increment
2 nombre VARCHAR(100) NOT NULL
3 email VARCHAR(255) NOT NULL · UNIQUE
4 telefono VARCHAR(20) Nullable
5 empresa VARCHAR(100) Nullable
6 estado BOOLEAN NOT NULL · Default: true
7 created_at TIMESTAMP Auto (Laravel)
8 updated_at TIMESTAMP Auto (Laravel)
➕

Crear Cliente

  • ✓Vista formulario (create.blade.php)
  • ✓POST /clients → store()
  • ✓Validaciones en servidor
  • ✓Mensaje flash de éxito
  • ✓Redirección al listado
👁️

Ver / Listar

  • ✓Tabla con todos los clientes (index.blade.php)
  • ✓Detalle individual (show.blade.php)
  • ✓Mensaje si no hay clientes registrados
✏️

Editar Cliente

  • ✓Formulario pre-poblado (edit.blade.php)
  • ✓PUT /clients/{id} → update()
  • ✓Email único excepto el propio registro
  • ✓Redirección al listado
🗑️

Eliminar Cliente

  • ✓Botón con confirm() JS antes de borrar
  • ✓DELETE /clients/{id} → destroy()
  • ✓Mensaje flash de confirmación
  • ✓Redirección al listado

Validaciones del Servidor

Obligatorio — no se acepta solo validación frontend.

nombre Requerido
required string max:100

Obligatorio · máx 100 caracteres

email Requerido
required email unique

Obligatorio · formato válido · único en BD. En edición: único excepto el cliente actual.

telefono Opcional
nullable string

No es requerido

empresa Opcional
nullable string

No es requerido

estado Requerido
required boolean

Solo valores: 1 (activo) o 0 (inactivo)

2

CRUD Completo con Clientes Reales

Crear, Ver, Editar y Eliminar

➕ Crear

  1. Ve a "Nuevo Cliente"
  2. Llena: Nombre: Juan Pérez
  3. Email: juan@example.com
  4. Teléfono: +591 1234 5678
  5. Empresa: Tech Solutions
  6. Estado: Activo
  7. Click en "Crear"

👁️ Ver

  1. Verifica que Juan Pérez aparece en el listado
  2. Haz click en "Ver" para ver el detalle

✏️ Editar

  1. Haz click en "Editar" en Juan Pérez
  2. Modifica algún dato
  3. Guarda los cambios y verifica

🗑️ Eliminar

  1. Crea un segundo cliente: María López
  2. Elimina a María López
  3. Verifica que se eliminó del listado
🔍

Consultas a la Base de Datos

Ejecuta cada consulta en phpMyAdmin y escribe los resultados obtenidos

1 Listar todos los clientes

¿Cuántos registros devuelve? ¿Los datos coinciden con lo que ves en tu app Laravel?

Consulta SQL

Resultado obtenido

2 Contar clientes activos

Escribe el número que obtienes y verifica que sea correcto.

Consulta SQL

Resultado obtenido

3 Contar clientes inactivos

Escribe el número que obtienes.

Consulta SQL

Resultado obtenido

4 Buscar emails duplicados

¿Hay emails duplicados? ¿Qué devuelve la consulta?

Consulta SQL

Resultado obtenido

5 Ver estructura de la tabla

¿Qué tipo de dato tiene el campo `estado`? ¿Coincide con lo que esperabas según la migración?

Consulta SQL

Resultado obtenido

6 Clientes ordenados por nombre

Escribe los nombres que aparecen en orden.

Consulta SQL

Resultado obtenido

📦 Archivos a Entregar

1 Código fuente

Proyecto Laravel completo (sin la carpeta vendor)

2 Reporte de pruebas

Resultados documentados de las 10 pruebas manuales

3 Screenshots

Evidencia fotográfica del funcionamiento del CRUD

⏱️ Tiempo por fase

Preparación (importar BD, crear proyecto, .env, Tailwind)
15 min
Desarrollo CRUD (controlador, modelo, vistas, validaciones)
90 min
Pruebas BD (10 pruebas + reporte)
20 min
TOTAL 2 horas
Prueba Técnica · CRUD Clientes · Laravel 12 + Tailwind CSS · Nivel Pasante