Proyecto CRUD de Posts con Laravel, Vite y Vue

Este es un proyecto Single Page Application (SPA) desarrollado con Laravel, Vite, Vue y Tailwind CSS. Implementa un CRUD completo para la gestión de posts en una base de datos, con control de roles y permisos.

Tecnologías utilizadas

• Laravel - Backend y API
• Vite - Entorno de desarrollo rápido
• Vue.js - Framework frontend
• Tailwind CSS - Framework de estilos
• Laravel Vue Pagination - Paginación de datos en Vue
• SweetAlert2 - Alertas y notificaciones

Características

• CRUD completo de posts (crear, leer, actualizar y eliminar)
• SPA con Vue.js para una experiencia fluida
• Autenticación y roles:
  • Administrador: Acceso total
  • Editor: Acceso total excepto eliminación
  • Usuario sin permisos: Solo puede ver los posts
• Seeders incluidos para generación de datos de prueba

Instalación y configuración

1. Clonar el repositorio

git clone https://github.com/aleguarino/vue-spa.git
cd tu-repositorio

2. Instalar dependencias

Backend (Laravel)

composer install

Frontend (Vue + Vite)

npm install

3. Configurar el entorno

Copiar el archivo de configuración y modificarlo si es necesario:

cp .env.example .env

Generar la clave de aplicación:

php artisan key:generate

Configurar la base de datos en el archivo .env:

DB_DATABASE=nombre_de_tu_base_de_datos
DB_USERNAME=tu_usuario
DB_PASSWORD=tu_contraseña

4. Ejecutar migraciones y seeders

php artisan migrate --seed

Esto creará la estructura de la base de datos e insertará usuarios y datos de prueba.

5. Ejecutar el servidor de desarrollo

Backend (Laravel)

php artisan serve

Frontend (Vite + Vue)

npm run dev

Usuarios de prueba

Se crean tres usuarios con los siguientes accesos: | Usuario | Rol | Contraseña | | ---------------- | ------------- | ---------- | | admin@admin.es | Administrador | password | | editor@editor.es | Editor | password | | test@example.com | Sin permisos | password |

Notas adicionales

• Para acceder al panel, inicia sesión con alguno de los usuarios anteriores.
• Si necesitas reiniciar la base de datos:

  php artisan migrate:fresh --seed
  

¡Gracias por usar este proyecto! 🚀