laravel vue dashboard

? ¿Panel de SPA de Laravel 8, Vue.js y Bootstrap 4?

¡Un increíble kit de inicio del panel de administración de SPA!

AVANCE

Acerca del proyecto

laravel-vue-dashboard es un panel de aplicación de página única (SPA) creado con Laravel 8, Vue.js y Bootstrap 4 (plantilla de administración de SB). Gracias a la combinación del poder de Laravel y la velocidad de Vue.js, es un excelente kit de inicio completo para aplicaciones empresariales.

Es un kit para empezar desde cero, no un paquete de Laravel. Puede ayudarle a reducir su tiempo al tener un panel de SPA con un sistema de autenticación listo para usar, aprovechando Laravel Passport que utiliza el protocolo de autenticación oauth2.

El proyecto proporciona páginas de muestra y utiliza el sistema de enrutamiento de Vue.js y Vuex para mantener el estado de la aplicación.
El código está estructurado de tal manera que sea fácil modificar y agregar nuevas páginas, componentes y API.

CARACTERÍSTICAS

• Aplicación de una sola página (SPA)
• laravel 8
• Vue.js + VueRouter (configurado con páginas restringidas de autenticación) + Vuex
• Iniciar sesión, registrarse, verificación por correo electrónico (opcional) y reenviar, sistemas de recuperación de contraseña
• Interfaz de usuario con Bootstrap 4 y plantilla de administración de SB
• Vistas de muestra para comenzar
• Fácil de agregar nuevas páginas y rutas.
• Sistema de notificación

Empezando

Requisitos previos

• Su máquina debe estar lista para las últimas versiones de Laravel y Node.js.

Instalación

 # Clone the project
 git clone https://github.com/ramoncrisante/laravel-vue-dashboard.git

 # Enter the project directory
 cd laravel-vue-dashboard

 # Copy env file and add your own database and mail credentials
 cp .env.example .env

 # Install dependency
 composer install

 # Generate app key
 php artisan key:generate
 
 # Migrate database
 php artisan migrate

 # Create encryption keys
 php artisan passport:install

 # Install dependency with NPM
 npm install

 # Develop
 npm run dev # or npm run watch

 # Build on production
 npm run production
 
 # Serving application
 php artisan serve

Configuración

• La verificación por correo electrónico es opcional y está deshabilitada de forma predeterminada. Para habilitarlo, cambie el siguiente parámetro en el archivo .env

  MUST_VERIFY_EMAIL=true

• Para utilizar la función de verificación de correo electrónico y restablecer contraseña, es necesario configurar el servicio de correo electrónico. Para enviar correos electrónicos correctamente, debemos proporcionar MAIL_DRIVER , MAIL_HOST , MAIL_PORT , MAIL_USERNAME , MAIL_PASSWORD en el archivo .env .

Construido con

• laravel 8
• Vue.js
• Vuex
• Arranque 4
• Plantilla de administración de SB
• JQuery
• axios
• Pasaporte Laravel
• Fuente impresionante 5

Contribuyendo

Las contribuciones son las que hacen de la comunidad de código abierto un lugar increíble para aprender, inspirar y crear. Cualquier contribución que hagas será muy apreciada .

1. Bifurcar el proyecto
2. Crea tu rama de funciones ( git checkout -b feature/AmazingFeature )
3. Confirme sus cambios ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. Abrir una solicitud de extracción

Licencia

Distribuido bajo la licencia MIT. Consulte LICENCIA para obtener más información. Básicamente, siéntete libre de usarlo y reutilizarlo como quieras.

Contacto

Ramón Crisante - [email protected]

Enlace del proyecto: https://github.com/ramoncrisante/laravel-vue-dashboard