CRUD Laravel + Vue + Inertia + ChartJS + DataTables (LaraVueCompany)

Doble CRUD con login en Laravel 10 y Vue3

Doble CRUD con relaciones entre tablas, se usa el sistema de autenticación Laravel Breeze. Se utiliza Laravel 10 y Vue 3 con Inertia.js.

• Crud tradicional para Departamentos

• Crud en una sola vista y con paginación para Empleados

• Grafica de empleados por departamento con ChartJS

• Reportes exportables de empleados y de departamentos con DataTables

• Se crea un componente para el select y otro para botón de editar.

• Se utiliza Factory para crear 6 registros de departamentos y 25 de empleados.

Instalación:

1. Crear una base de datos mysql

2. Clonar o descargar el proyecto en el directorio de tu servidor web

3. Acceder mediante terminal a la carpeta del proyecto

4. Ejecutar: Composer install

5. Crear el archivo .env con los comandos: cp .env.example .env

6. Generar la API key ejecutando: php artisan key:generate

7. En el archivo .env colocar el nombre de la base de datos

8. Para ejecutar las migraciones: php artisan migrate --seed

9. Ejecutar npm install para las dependencias de node.js

10. Ejecutar npm run build y php artisan serve para visualizarlo en el navegador o puedes usar Laragon, xammp, etc.

Tabla Departments

• id
• name

Tabla Employees

• id
• name
• email
• phone
• department_id

Video de explicación

Si quieres ver el video en donde se explica el ejercicio paso a paso te comparto el siguiente enlace