Laravel Vue Crud Starter screenshot

Laravel Vue Crud Starter

Author Avatar Theme by Phoenix genius
Updated: 20 Jul 2023
11 Stars

Categories

Overview:

The Laravel+Vue Crud Starter is a simple template for building single-page application (SPA) using Laravel 8, Vue 2, and AdminLTE 3. It provides basic functionality such as CRUD operations, authentication, user management, and more. The template is built with Laravel Passport for authentication and uses Admin LTE 3, Bootstrap 4, and Font Awesome 5 for the UI. It also includes features like pagination, modal-based create and edit forms, and profile management. The template is easy to install and can be used to kickstart the development of a new SPA application.

Features:

  • Modal based Create+Edit: Create and edit forms are displayed in modals for an improved user experience.
  • List with Pagination: Paginated list view for easy navigation of large sets of data.
  • Delete with Sweetalert: Confirmation popup with Sweetalert for secure deletion of data.
  • Login, Register, Forget+Reset Password: Ready-to-use authentication functionality included.
  • Profile, Update Profile, Change Password, Avatar: User profile management features available.
  • Product Management: CRUD operations for managing products.
  • User Management: CRUD operations for managing users.
  • Settings: Categories, Tags: Management of categories and tags for the application.
  • Frontend and Backend User ACL with Gate Policy: User roles and access control for admin and regular users.
  • Simple Static Dashboard: Basic dashboard with static data for data visualization.
  • Developer Options for OAuth Clients and Personal Access Token: Options for developers to integrate OAuth clients and personal access tokens.

Installation:

To install the Laravel+Vue Crud Starter, follow these steps:

  1. Clone the repository:

    git clone https://github.com/AnowarCST/laravel-vue-crud-starter.git
    
  2. Navigate to the project directory:

    cd laravel-vue-crud-starter/
    
  3. Install dependencies:

    composer install
    
  4. Copy the environment file:

    cp .env.example .env
    
  5. Update the .env file with your database credentials.

  6. Generate an application key:

    php artisan key:generate
    
  7. Run database migrations:

    php artisan migrate
    
  8. Seed the database:

    php artisan db:seed
    
  9. Install Laravel Passport:

    php artisan passport:install
    
  10. Install frontend dependencies:

    npm install
    
  11. Compile frontend assets:

    npm run dev
    
  12. Start the application:

    php artisan serve
    

Alternatively, if you prefer to install using Docker:

  1. Clone the repository (if not already done):

    git clone https://github.com/AnowarCST/laravel-vue-crud-starter.git
    
  2. Navigate to the project directory:

    cd laravel-vue-crud-starter/
    
  3. Install dependencies:

    composer install
    
  4. Copy the environment file:

    cp .env.example .env
    
  5. Update the .env file with your database credentials.

  6. Generate an application key:

    php artisan key:generate
    
  7. Run database migrations:

    php artisan migrate
    
  8. Seed the database:

    php artisan db:seed
    
  9. Install Laravel Passport:

    php artisan passport:install
    
  10. Start the Docker environment:

    docker-compose up -d
    
  11. Enter the Docker container:

    docker exec -it vue-starter /bin/bash
    
  12. Install frontend dependencies:

    npm install
    
  13. Compile frontend assets:

    npm run dev
    
  14. Start the application:

    php artisan serve
    

The application can now be accessed at http://localhost:8008/. The database can be accessed using Adminer at http://localhost:8080/ with the following credentials: DBhost: yourIP:3307, user: root, Password: 123456.

Summary:

The Laravel+Vue Crud Starter is a simple template for building single-page applications (SPA) using Laravel 8, Vue 2, and AdminLTE 3. It provides features like CRUD operations, authentication, user management, profile management, and more. The template can be easily installed by following the provided installation steps. It is a great starting point for developers who want to quickly get started with building an SPA application using Laravel and Vue.