Laravel-vue-Starter-Kit-Dashboard — Vue 后台模板

SHA-256: fb8f6ebbc4b3bfc35144978a3cf2f908e9e2a2b4e27147fc228fe292e65485cc

2026-10-02T14:43:15.426Z

# 🚀 Laravel Vue Inertia Reusable Starter Kit Dashboard

![Forks](https://img.shields.io/github/forks/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard?style=social)
![Stargazers](https://img.shields.io/github/stars/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard?style=social)
![Issues](https://img.shields.io/github/issues/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard)
![MIT License](https://img.shields.io/github/license/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard)
[![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue)](https://www.linkedin.com/in/mogahid-gaffar-397b1719a/)

<div align="center">
  <img src="https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/dashboard-assets/img/readme_main_img.png?raw=true" alt="App Logo" width="300" height="150">
</div>
<br>
 
Glad to share with you my reusable starter kit dashboard using Laravel and Vue.js 🎉

This kit is available for all my dear Laravel developers! 🌟 

## PREVIEW
![PREVIEW](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/PREVIEW.gif)

## Reviews
![Reviews](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/reviews.png)

---
### 🌟 The Importance of Open Source Projects
Sharing such projects as open source enhances collaboration and benefits other developers, making their lives easier in application development. Everyone can benefit from this collective effort!

## Key Features Included

### 1. Authentication
- **Login**
- **Register**
- **Logout**

![Login Page](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/login.PNG)

---

### 2. User Management
- **Create Users**
- **Read Users**
- **Update Users**
- **Delete Users**
- **Pagination**
- **Filtering**

![Users Management](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/users.PNG)
![Edit User](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/edit_user.PNG)

---

### 3. Authorization: Roles & Permissions
Efficiently managed using Spatie, including CRUD operations and filtering.

#### Roles
![Roles Management](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/roles.PNG)

#### Permissions
![Permissions Management](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/permissions.PNG)

#### Assigning Permissions to Role
![Roles and Permissions Assignment](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/roles_permissions.PNG)

---

### 4. Logging System
- Tracks all actions across modules 
- Ability to undo actions

![Logging System](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/logs.PNG)

---

### 5. Notification System
- Table-based notifications for internal actions (CRUD and queued jobs)

![Notification System](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/notifiaction.PNG)

---

### 6. Excel Exportation
- Export user data to Excel using queues

---

### 7. Image File Uploading
- Easy and effective management for user avatar images

---

### 8. Dashboard with Charts and Statistics
- Users by role chart
- Users by status chart
- Logs by module chart 
- Logs by action chart
- Logs by user chart

![Dashboard](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/dashabord.PNG)

---

### 9. Multi-Language Support
- Designed to accommodate both LTR and RTL languages

![Multi-Language Support](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/RTL.PNG)

---

### 10. Profile Management
![Profile Management](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/profile.PNG)

---

### 11. Alert System
- Custom alerts for users upon executing certain operations
  - Bootstrap Alert
  - Sweet Alert

![Alert System](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/sweet_alert.PNG)

---

### 12. Flexible Layout
- Support for customizing the layout according to user needs

---

I am excited about the possibilities this starter kit opens up for future projects and collaborations. 

I invite you to evaluate the project on my GitHub account by giving it ⭐️; every rating contributes to improving the project and encourages me to continue developing more!

## Installation Commands

To get started, follow these commands:

```bash
#make sure to enable GD extension in your apache server (Xampp , Wamp ,laragon ..etc)

# Clone the repository
git clone https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard.git

# Change directory
cd Laravel-vue-Starter-Kit-Dashboard

# Install dependencies
composer install

# Install Node.js dependencies
npm install

# Link storage
php artisan storage:link

# Migrate database 
php artisan migrate:fresh --seed

# Run the project
php artisan serve
npm run dev