/Laravel-vue-Starter-Kit-Dashboard

Laravel 10 vuejs3 inertiajs Reusable Starter Kit Dashboard

Primary LanguagePHPMIT LicenseMIT

🚀 Laravel Vue Inertia Reusable Starter Kit Dashboard

Forks Stargazers Issues MIT License LinkedIn

App Logo

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

Reviews

Reviews


🌟 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


2. User Management

  • Create Users
  • Read Users
  • Update Users
  • Delete Users
  • Pagination
  • Filtering

Users Management Edit User


3. Authorization: Roles & Permissions

Efficiently managed using Spatie, including CRUD operations and filtering.

Roles

Roles Management

Permissions

Permissions Management

Assigning Permissions to Role

Roles and Permissions Assignment


4. Logging System

  • Tracks all actions across modules
  • Ability to undo actions

Logging System


5. Notification System

  • Table-based notifications for internal actions (CRUD and queued jobs)

Notification System


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


9. Multi-Language Support

  • Designed to accommodate both LTR and RTL languages

Multi-Language Support


10. Profile Management

Profile Management


11. Alert System

  • Custom alerts for users upon executing certain operations
    • Bootstrap Alert
    • Sweet Alert

Alert System


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:

#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