GuacPanel - Laravel Vue Admin Starter Kit

An opinionated Laravel starter kit built with Vue.js, Inertia.js, and Tailwind CSS including authentication, admin dashboard, and essential features for building modern web applications.

Screenshots

Features

• 🔐 Authentication & Security

  • Secure login with Laravel Fortify
  • Passwordless magic link authentication
  • Two-factor authentication (2FA) via Laravel Fortify
  • Role-based permissions with Spatie Permission
    • Visual role and permission management
    • User role assignment interface
  • Session and security management
    • Active sessions overview
    • Login history tracking
    • Password policies enforcement

• 🎨 Interface & Design

  • Dark/Light mode with system preference detection
  • Responsive design with Tailwind CSS v4
  • Auto-generated avatars via Laravel Avatar
  • Local Google Fonts via Spatie Laravel Google Fonts
  • Customizable theme settings

• 📊 Data Tables

  • Modern tables with @tanstack/vue-table v8
    • Server-side pagination
    • Column sorting
    • Search functionality
  • Data export with Laravel Excel
  • Action buttons with confirmation dialogs

• 📁 File Management

  • Drag & drop uploads with FilePond v4
    • Image preview
    • File type validation
    • Size restrictions
  • Multiple file selection

• 🔄 System Features

  • Backup management via Spatie Backup
    • User-friendly dashboard
    • One-click backup creation
    • Backup download
  • Activity logging with Laravel Auditing
    • User action tracking
    • Data change history
  • Security event monitoring

Quick Start

Prerequisites

• PHP >= 8.2
• Node.js & NPM (Latest LTS)
• Composer

Installation

1. Clone the repository

git clone https://github.com/otatechie/guacpanel-tailwind.git
cd guacpanel-tailwind

2. Install dependencies

composer install
npm install

3. Set up environment

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

4. Configure your database in .env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=your_database
DB_USERNAME=your_username
DB_PASSWORD=your_password

5. Run migrations and seed

php artisan migrate
php artisan db:seed

6. Start development servers

npm run dev
php artisan serve

🎉 That's it! Visit http://localhost:8000 to see the app in action.

🔗 External Resources

• GuacPanel Documentation
• Laravel Documentation
• Vue.js Documentation
• Tailwind CSS Documentation
• Inertia.js Documentation
• TanStack Table Documentation
• FilePond Documentation

🚀 Live Demo

👀 View Live Demo

Contributing

We welcome contributions! Please see our Contributing Guide for details.

License

MIT License