https://github.com/danncruise/laravuecompany

Doble CRUD en Laravel 10 y Vue 3 utilizando inertia. Relaciones entre tablas
https://github.com/danncruise/laravuecompany

chartjs datatables inertiajs laravel laravel10 relational-databases vue

Last synced: 3 days ago
JSON representation

Doble CRUD en Laravel 10 y Vue 3 utilizando inertia. Relaciones entre tablas

• Host: GitHub
• URL: https://github.com/danncruise/laravuecompany
• Owner: DannCruise
• Created: 2023-03-10T15:49:37.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-03-10T15:49:49.000Z (over 1 year ago)
• Last Synced: 2024-09-23T17:01:53.622Z (4 days ago)
• Topics: chartjs, datatables, inertiajs, laravel, laravel10, relational-databases, vue
• Language: PHP
• Homepage:
• Size: 132 KB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://youtu.be/sQwDLrleegA)