cybertcode / livewire-crud-permisos-roles-datatable Goto Github PK

View Code? Open in Web Editor NEW

Este proyecto es una demostración de cómo construir un datatable avanzado utilizando Laravel, Livewire y el stack TALL. La aplicación muestra una tabla de datos que permite filtrar, ordenar y buscar a través de sus registros, así como la posibilidad de crear, editar y eliminar registros. Además, cuenta con un sistema de roles y permisos para restri

PHP 24.64% CSS 5.60% JavaScript 58.94% Blade 10.81%

livewire-crud-permisos-roles-datatable's Introduction

DataTables avanzado con Laravel Livewire

📖 Descripción del proyecto

"Este es un proyecto de ejemplo que muestra cómo crear un datatable avanzado con Laravel, Livewire y el stack TALL, que incluye filtros, relaciones, roles y permisos."

🥇 DEMO 🥇

🏁 Tecnología utilizados

Este proyecto se ha desarrollado utilizando las siguientes tecnologías:

PHP - Lenguaje de programación utilizado por Laravel.
Laravel - Framework PHP utilizado para desarrollar la aplicación.
Livewire - Biblioteca de Laravel para crear componentes de interfaces de usuario.
Alpine.js - Framework JavaScript para crear interactividad en el front-end.
Tailwind CSS - Framework CSS utilizado para el diseño de la interfaz.
Laravel-permission - Biblioteca de Laravel para gestionar roles y permisos.

📒 Prerrequisitos

PHP versión 8.1 o superior.
Composer.
MySQL.
Un servidor web (por ejemplo, Apache o Nginx).
Es necesario conocer del stack TALL en nivel básico
Editor de código
Muchas ganas de seguir aprendiendo 👍

🚀 Clonar

Seguir los siquientes pasos consecutivos - utiliza uno de ellos

[email protected]:cybertcode/LIVEWIRE-CRUD-PERMISOS-ROLES-DATATABLE.git

ó

https://github.com/cybertcode/LIVEWIRE-CRUD-PERMISOS-ROLES-DATATABLE.git

⭐ Uso

Ubicarte en la carpeta donde se clonó el proyecto y ejecutar las instrucciones en el terminal

En el terminal

composer install
cp .env.example .env
php artisan key:generate

Crear tu base de datos

Cambiar los datos de usuario

DB_DATABASE=datatables-livewire
DB_USERNAME=root
DB_PASSWORD=

Cambiar el driver de local a public
```
# FILESYSTEM_DISK=public
```

En el terminal

php artisan migrate
php artisan db:seed
php artisan serve
npm run dev

En el terminal
```
php artisan storage:link
```
Configurar correctamente su ruta según sea tu caso
```
APP_URL=http://127.0.0.1:8000
```
Datos de acceso
- Correo: [email protected]
- Contraseña: admin123