AppCubes
Laravel App Builder

Build Your App faster

A tool for programmers.
You can Build and Design your custom "website or CMS" to get Source code.
at least 40% to 90% faster than normal coding, Intuitive as stacking blocks.

Try Now V.2.1

What can you get with AppCubes?

dynamic websites

Build a structure for a dynamic website , Download Source code after build your idea in seconds.

API

You can also get " API " that fits with the structure you built, support dingo api with postman collection files for all api urls.

Admin

"Admin Dashboard" to manage database on the structure you created , support adminLTE

ui kits

Wireframe quickly. Build visually with an extensive ,UI kit. " content , blog , headers , features , testimonials , navigations , ecommerce , ... And much more"

Try it now, & get more

Work Process

How it works?

Without coding just create your Flowchart and get code

You build project structure ( project, modules == 'tables' , attributes == 'columns') , and then you choose "plugins" for each element, and this plugins will be create code.

Start new project

Choose "plugins" you want in your project, for example choose " laravel + API + flutter... etc" .

Add project modules
(they represent tables or files)

Choose "plugins" which will be responsible for employing your options to generate "code" according to your purpose.

Add module attributes

Choose for each attribute what suits it from the "plugins" or their type in the pages or even in the database.

Run

After building project Flowchart Click "run" to running " plugins " for evrey part of your project.
all your ideas and options will be compiled for each "plugin" to create the code.

View & Download

You can update your project, and download the new code every time, or project share with your team.

Try it now, it's easy

Examples of outputs

all your ideas and options will be compiled for each "plugin" to create the code.

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;


class CreatePostsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        //
        Schema::create('posts', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('title');
            $table->integer('category_id');
            $table->string('image');
            $table->boolean('featured')->nullable();
            $table->boolean('publish')->nullable();
            $table->text('description')->nullable();
            $table->longText('content')->nullable();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('posts');
    }
}

<?php

namespace App\Models;

use Illuminate\Support\Facades\Storage;

use Illuminate\Database\Eloquent\Model;

use Illuminate\Database\Eloquent\SoftDeletes;


use Illuminate\Database\Eloquent\Factories\HasFactory;

/**
 * Blog Posts *
 */
class Post extends Model
{
    //
    use HasFactory;
    use SoftDeletes;
    protected $table = 'posts';
    protected $fillable  = ['title','category_id','image','featured','publish','description','content',];

    protected static function boot()
    {
        parent::boot();
        static::deleting(function ($query){
            !is_null($query->image) && Storage::disk("public")->delete($query->image);
        });
    }
    protected $casts = [
        'category_id' => 'integer',
        'featured' => 'boolean',
        'publish' => 'boolean',
    ];
    public function category()
    {
        return $this->belongsTo(\App\Models\Category::class, "category_id", "id");
    }

    public function category()
    {
        return $this->hasOne("App\Models\Category", "category_id");
    }
    public function scopeIncludeFilter($query)
    {
        return $query->where(function ($query)  {

                if( request()->filled('content') ) $query->where('content', 'like', '%'.request()->content .'%');

                if( request()->filled('description') ) $query->where('description', 'like', '%'.request()->description .'%');

                if( request()->filled('publish') ) $query->where('publish', request()->has('publish') );

                if( request()->filled('featured') ) $query->where('featured', request()->has('featured') );

                if( request()->filled('category_id') ) $query->where('category_id', request()->category_id );

                if( request()->filled('title') ) $query->where('title', 'like', '%'.request()->title .'%');
                $query->where(function ($query)   {
                    if( request()->filled('created_at.from') ) $query->where('created_at', '>=', request()->created_at['from'] );
                    if( request()->filled('created_at.to') ) $query->where('created_at', '<=', request()->created_at['to'] );
                });

                $query->where(function ($query)   {
                    if( request()->filled('updated_at.from') ) $query->where('updated_at', '>=', request()->updated_at['from'] );
                    if( request()->filled('updated_at.to') ) $query->where('updated_at', '<=', request()->updated_at['to'] );
                });
        });
    }
    public function scopeNotPublish($query)
    {
        return $query->where("publish", false);
    }
    public function scopeIsPublish($query)
    {
        return $query->where("publish", true);
    }
    public function scopeNotFeatured($query)
    {
        return $query->where("featured", false);
    }
    public function scopeIsFeatured($query)
    {
        return $query->where("featured", true);
    }
}

<?php

namespace App\Models;

use Illuminate\Support\Facades\Storage;

use Illuminate\Database\Eloquent\Model;

use Illuminate\Database\Eloquent\SoftDeletes;


use Illuminate\Database\Eloquent\Factories\HasFactory;

/**
 * Blog Posts *
 */
class Post extends Model
{
    //
    use HasFactory;
    use SoftDeletes;
    protected $table = 'posts';
    protected $fillable  = ['title','category_id','image','featured','publish','description','content',];

    protected static function boot()
    {
        parent::boot();
        static::deleting(function ($query){
            !is_null($query->image) && Storage::disk("public")->delete($query->image);
        });
    }
    protected $casts = [
        'category_id' => 'integer',
        'featured' => 'boolean',
        'publish' => 'boolean',
    ];
    public function category()
    {
        return $this->belongsTo(\App\Models\Category::class, "category_id", "id");
    }

    public function category()
    {
        return $this->hasOne("App\Models\Category", "category_id");
    }
    public function scopeIncludeFilter($query)
    {
        return $query->where(function ($query)  {

                if( request()->filled('content') ) $query->where('content', 'like', '%'.request()->content .'%');

                if( request()->filled('description') ) $query->where('description', 'like', '%'.request()->description .'%');

                if( request()->filled('publish') ) $query->where('publish', request()->has('publish') );

                if( request()->filled('featured') ) $query->where('featured', request()->has('featured') );

                if( request()->filled('category_id') ) $query->where('category_id', request()->category_id );

                if( request()->filled('title') ) $query->where('title', 'like', '%'.request()->title .'%');
                $query->where(function ($query)   {
                    if( request()->filled('created_at.from') ) $query->where('created_at', '>=', request()->created_at['from'] );
                    if( request()->filled('created_at.to') ) $query->where('created_at', '<=', request()->created_at['to'] );
                });

                $query->where(function ($query)   {
                    if( request()->filled('updated_at.from') ) $query->where('updated_at', '>=', request()->updated_at['from'] );
                    if( request()->filled('updated_at.to') ) $query->where('updated_at', '<=', request()->updated_at['to'] );
                });
        });
    }
    public function scopeNotPublish($query)
    {
        return $query->where("publish", false);
    }
    public function scopeIsPublish($query)
    {
        return $query->where("publish", true);
    }
    public function scopeNotFeatured($query)
    {
        return $query->where("featured", false);
    }
    public function scopeIsFeatured($query)
    {
        return $query->where("featured", true);
    }
}

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;
use Illuminate\Validation\Rule;

class StorePostRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    public function messages()
    {
        return [
        ];
    }
    public function attributes()
    {
        return [
            'title' => 'Post title',
            'category_id' => 'Category',
            'image' => 'Image',
            'featured' => 'Featured',
            'publish' => 'Publish',
            'description' => 'Description',
            'content' => 'Post content',
            'author' => 'Author',
        ];
    }
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [

			'title' =>[	// Post title
				'required'
			],

			'category_id' =>[	// Category
				'numeric',
				'required'
			],

			'image' =>[	// Image
				'file',
				'image'
			],

			'featured' =>[	// Featured
				'nullable',
				'boolean'
			],

			'publish' =>[	// Publish
				'nullable',
				'boolean'
			],

			'description' =>[	// Description
				'required'
			],

			'content' =>[	// Post content
				'required'
			],

			'author' =>[	// Author

			]
        ];
    }
}

<?php

namespace App\Api\V1\Controllers;

use App\Http\Controllers\Controller;
use Illuminate\Http\JsonResponse;

use Illuminate\Http\Request;

use Illuminate\Support\Facades\Storage;

use App\Http\Resources\PostResource;

use Illuminate\Http\Resources\Json\AnonymousResourceCollection;

use  App\Http\Requests\StorePostRequest;


use App\Models\Category;

use App\Models\Post;



class PostController extends Controller {

    /**
     * Display a listing of the resource.
     *
     * @return AnonymousResourceCollection
     */
    public function index(Request $request): AnonymousResourceCollection
    {
        $content = Post::orderBy($request->get('_order_by') ?? 'id', $request->get('_direction') ?? 'DESC')
        ->IncludeFilter()
        ->with('category')
        ->paginate(12);

        $content->appends($request->all());

        return  PostResource::collection($content)->additional(['status' => true]);
    }

    /**
     * Show resource for  ( creating & search) form .
     *
     * @return \Illuminate\Http\JsonResponse
     */
    public function create()
    {
        //
        return response()->json([
            'elements'=>[
                'category_id' => Category::select('id','name')->get() ,

            ],
            'status' => true
        ])->setEncodingOptions(JSON_NUMERIC_CHECK);
    }


    /**
     * Display the specified resource.
     *
     * @param Request $request
     * @param $id
     * @return JsonResponse
     */
    public function show(Request $request ,$id): JsonResponse
    {
        //
        $content = Post::findOrFail($id);


        return $content != null ? response()->json([
            'data'=>new PostResource($content),
            'status' => true
            ]) : abort(404);

    }


}

{
    "info": {
        "name": "My Blog",
        "schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json"
    },
    "item": [
        {
            "name": "Blog Posts",
            "item": [
                {
                    "name": " Index ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "GET",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/posts",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "posts"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": []
                        }
                    },
                    "response": []
                },
                {
                    "name": " Show ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "GET",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/posts/XX",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "posts",
                                "XX"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": []
                        }
                    },
                    "response": []
                }
            ]
        },
        {
            "name": "Blog Categories",
            "item": [
                {
                    "name": " Index ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "GET",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/categories",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "categories"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": []
                        }
                    },
                    "response": []
                }
            ]
        },
        {
            "name": "Users",
            "item": [
                {
                    "name": " Index ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "GET",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/users",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "users"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": []
                        }
                    },
                    "response": []
                },
                {
                    "name": " Update ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "PUT",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/users/XX/edit",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "users",
                                "XX",
                                "edit"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": [
                                {
                                    "key": "name",
                                    "value": "My text",
                                    "description": "Name"
                                },
                                {
                                    "key": "email",
                                    "value": "example@site.com",
                                    "description": "Email"
                                }
                            ]
                        }
                    },
                    "response": []
                },
                {
                    "name": " Show ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "GET",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/users/XX",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "users",
                                "XX"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": []
                        }
                    },
                    "response": []
                }
            ]
        },
        {
            "name": "Comments",
            "item": [
                {
                    "name": " Index ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "GET",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/comments",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "comments"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": []
                        }
                    },
                    "response": []
                },
                {
                    "name": " Create ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "POST",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/comments",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "comments"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": [
                                {
                                    "key": "content",
                                    "value": "My text",
                                    "description": "Content",
                                    "type": "text"
                                }
                            ]
                        }
                    },
                    "response": []
                },
                {
                    "name": " Show ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "GET",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/comments/XX",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "comments",
                                "XX"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": []
                        }
                    },
                    "response": []
                },
                {
                    "name": " Delete ",
                    "protocolProfileBehavior": {
                        "disableBodyPruning": true
                    },
                    "request": {
                        "method": "DELETE",
                        "header": [],
                        "url": {
                            "raw": "{{api_url}}/comments/XX",
                            "protocol": "",
                            "host": [
                                "{{api_url}}"
                            ],
                            "path": [
                                "comments",
                                "XX"
                            ]
                        },
                        "body": {
                            "mode": "formdata",
                            "formdata": []
                        }
                    },
                    "response": []
                }
            ]
        }
    ],
    "variable": [
        {
            "key": "api_url",
            "value": "http://127.0.0.1:8000/api",
            "type": "string"
        }
    ]
}

<?php

namespace App\Http\Controllers;


use App\Models\Comment;
use Illuminate\Http\Request;
use App\Http\Requests\StoreCommentRequest;

use Illuminate\Support\Facades\Storage;


class CommentController extends Controller {

    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index(Request $request)
    {

        $content = Comment::orderBy($request->get('_order_by') ?? 'id', $request->get('_direction') ?? 'DESC')
        ->IncludeFilter()
        ->paginate(12);

        $content->appends($request->all());
        return view('comments.index',compact('content'));
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        //
        return view('comments.create');
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \App\Http\Requests\StoreCommentRequest  $request
     * @return \Illuminate\Http\Response
     */
    public function store(StoreCommentRequest $request)
    {
        //

        $content = new Comment;
        $content->content= $request->content;
        $content->save();
        $request->session()->flash('message', 'The content has been successfully created!');
        return redirect( route('comments.index') );
    }
    public function restore(Request $request)
    {

        //
        $content = Comment::onlyTrashed()->findOrFail($request->id);
        $content->restore();
        $request->session()->flash('message', 'The task has been successfully restored!');

        return redirect(route('admin.comments.index'));

    }

    public function trash()
    {

        $content = Comment::onlyTrashed()->orderBy('deleted_at','DESC')->paginate(12);
        return view('admin.comments.trash',compact('content'));
    }
}

@extends('layouts.admin')

@section('content')

<section class="content py-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item" aria-current="page">Blog Posts</li>
        </ol>
    </nav>
@if (Session::has('message'))
	<div class="alert alert-info">{{ Session::get('message') }}</div>
@endif

<div class="card">
  <div class="card-header">
    <div class="row row-cols-md-2 row-cols-1 ">
        <div class="col ">
            <div class=" d-flex justify-content-md-start  justify-content-center d-grid gap-2">
                <h3 class="card-title">
                    Blog Posts                </h3>
            </div>
        </div>
        <div class="col">
            <div class=" d-flex justify-content-md-end  justify-content-center d-grid gap-2">
                <a href="{{url('admin/posts/create')}}" class="btn btn-info btn-sm float-right"><i class="fas fa-plus"></i> Create new</a>

                <a href="{{ route('admin.posts.trash') }}" class="btn btn-secondary btn-sm"><i class="fas fa-trash"></i> Trash </a>
            </div>
        </div>
    </div>
</div>
  <!-- /.card-header -->
  <div class="card-body p-0">
      <div class="accordion  accordion-flush" id="accordionExample">
          <div class="accordion-item">
              <h2 class="accordion-header" id="headingOne">
                  <button class="accordion-button  {{ count(request()->all()) ? '' : ' collapsed ' }}" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSearch" aria-expanded="false" aria-controls="collapseSearch">
                      <i class="fa-solid fa-magnifying-glass me-2"></i> Search
                  </button>
              </h2>
              <div id="collapseSearch" class="accordion-collapse collapse {{ count(request()->all()) ? ' show ' : '' }}" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                  <div class="accordion-body">
                      <form action="{{ route('admin.posts.index') }}" method="get">
                          <div class="form-group row">
                    		<label class="col-sm-2 col-form-label">Post content</label>
                    		<div class="col-sm-10">
                    		  <input name="content" class="form-control" type="text"  value="{{ request('content') }}" >                    		</div>
                    	  </div>
                    	  <div class="form-group row">
                    		<label class="col-sm-2 col-form-label">Description</label>
                    		<div class="col-sm-10">
                    		  <input name="description" class="form-control" type="text"  value="{{ request('description') }}" >                    		</div>
                    	  </div>
                    	  <div class="form-group row">
                    		<label class="col-sm-2 col-form-label">Publish</label>
                    		<div class="col-sm-10">
                    		  <input name="publish" type="checkbox" {{ request("publish") ? "checked" : false }}>                    		</div>
                    	  </div>
                    	  <div class="form-group row">
                    		<label class="col-sm-2 col-form-label">Featured</label>
                    		<div class="col-sm-10">
                    		  <input name="featured" type="checkbox" {{ request("featured") ? "checked" : false }}>                    		</div>
                    	  </div>
                    	  <div class="form-group row">
                    		<label class="col-sm-2 col-form-label">Category</label>
                    		<div class="col-sm-10">

                                <select name="category_id" class="form-select">
                                <option value="" selected >All</option>
                                @foreach (category::get()  as $key => $value)
                                    <option value="{{ $value->id }}" @if ($value->id == request("category_id")) selected @endif >{{ $value->name }}</option>
                                @endforeach
                                </select>
                    		</div>
                    	  </div>
                    	  <div class="form-group row">
                    		<label class="col-sm-2 col-form-label">Post title</label>
                    		<div class="col-sm-10">
                    		  <input name="title" class="form-control" type="text"  value="{{ request('title') }}" >                    		</div>
                    	  </div>
                    	  <div class="form-group row">
                            <div class="col-sm-10 offset-sm-2 d-flex justify-content-between">

                                    <select name="_order_by" class="form-control">
                                        <option value="" selected >id</option>
                                        @foreach ([
                                                                                'content' => 'Post content',
                                                                                'description' => 'Description',
                                                                                'publish' => 'Publish',
                                                                                'featured' => 'Featured',
                                                                                'category_id' => 'Category',
                                                                                'title' => 'Post title',
                                                                                'created_at' => 'Created at',
                                                        'updated_at' => 'Updated at',
                                                    ]  as $key => $value)

                                            <option value="{{ $key }}" @if ($key == request("_order_by")) selected @endif >{{ $value }}</option>
                                        @endforeach
                                    </select>

                                    <select name="_direction" class="form-control col-2  ms-2">
                                        @foreach ([
                                                        'DESC' => 'largest first',
                                                        'ASC' => 'smallest first',
                                                    ]  as $key => $value)

                                            <option value="{{ $key }}" @if ($key == request("_direction")) selected @endif >{{ $value }}</option>
                                        @endforeach
                                    </select>

                        		    <button type="submit" class="btn btn-primary  ms-2">Search</button>

                            </div>
                        </div>
                    </form>
                    </div>
              </div>
          </div>
      </div>



    @if($content->count())

    <div class="table-responsive">
        <table class="table table-striped">
          <thead>
            <tr>
                <th >#</th>
                  <th>Post title</th>
                  <th>Category</th>
                  <th>Image</th>


                  <th style="width:50px">Action</th>
            </tr>
          </thead>
          <tbody>
    @foreach($content as $item)
            <tr>
                <td width="35">{{$item->id}}</td>
                  <td>{{ $item->title }}</td>
                  <td>{{ $item->category ? $item->category->name : null }} </td>
                  <td>@if($item->image) <a href="{{ Storage::url($item->image)}}">{{ Storage::url($item->image)}}</a> @endif</td>

                  <td>
                        <div class="btn-group btn-group-sm">
                          <form action="{{ url('admin/posts', [$item->id]) }}" method="POST">
                                <input type="hidden" name="_method" value="DELETE">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <button type="submit" class="btn bg-danger" data-check-delete="true"><i class="fas fa-trash"></i></button>
                          </form>
                            <a class="btn btn-warning" href="{{ URL::to('admin/posts/' . $item->id . '/edit') }}"><i class="fas fa-edit"></i></a>
                            <a href="{{ route('admin.posts.show', $item->id) }}" class="btn btn-info">view</a>

                          </div>
                  </td>
            </tr>
    @endforeach
          </tbody>
        </table>
        </div>
    @endif
  </div>
  <!-- /.card-body -->

	<div class="card-footer clearfix">
        @if($content->count())
                {{ $content->links() }}
        @endif
	</div>
</div>
</section>
@endsection

@extends('layouts.admin')

@section('content')

 <div class="content py-4">
     <nav aria-label="breadcrumb">
         <ol class="breadcrumb">
                <li class="breadcrumb-item" aria-current="page"><a href="{{ route('admin.posts.index') }}">Blog Posts</a></li>
             <li class="breadcrumb-item active" aria-current="page"> Add new</li>
         </ol>
     </nav>

    <div class="card">
        <div class="card-body">

        <form action="{{ url('admin/posts') }}" method="post"  enctype="multipart/form-data">
             {{ csrf_field() }}

              @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
              @endif

                	  <div class="form-group row">
        		<label class="col-sm-2 col-form-label">Post title</label>
        		<div class="col-sm-10">
        		  <input name="title" class="form-control" type="text"  value="{{ old('title') }}" >
                    @if($errors->has('title'))
                        <div class="text-danger" role="alert">
                            <strong>{{ $errors->first('title') }}</strong>
                        </div>
                    @endif
        		</div>
        	  </div>
                	  <div class="form-group row">
        		<label class="col-sm-2 col-form-label">Category</label>
        		<div class="col-sm-10">

            <select name="category_id" class="form-select">
            <option value="" selected disabled hidden style="display: none;"></option>
            @foreach (category::get()  as $key => $value)
                <option value="{{ $value->id }}" @if ($value->id == old("category_id")) selected @endif >{{ $value->name }}</option>
            @endforeach
            </select>

                    @if($errors->has('category_id'))
                        <div class="text-danger" role="alert">
                            <strong>{{ $errors->first('category_id') }}</strong>
                        </div>
                    @endif
        		</div>
        	  </div>
                	  <div class="form-group row">
        		<label class="col-sm-2 col-form-label">Image</label>
        		<div class="col-sm-10">
        		  <input name="image" class="form-control" type="file">
                    @if($errors->has('image'))
                        <div class="text-danger" role="alert">
                            <strong>{{ $errors->first('image') }}</strong>
                        </div>
                    @endif
        		</div>
        	  </div>
        	  <div class="form-group row">
        		<label class="col-sm-2 col-form-label">Featured</label>
        		<div class="col-sm-10">
        		  <input name="featured" type="checkbox" {{ old("featured") ? "checked" : false }}>
                    @if($errors->has('featured'))
                        <div class="text-danger" role="alert">
                            <strong>{{ $errors->first('featured') }}</strong>
                        </div>
                    @endif
        		</div>
        	  </div>
              <div class="form-group row">
        		<label class="col-sm-2 col-form-label">Publish</label>
        		<div class="col-sm-10">
        		  <input name="publish" type="checkbox" {{ old("publish") ? "checked" : false }}>
                    @if($errors->has('publish'))
                        <div class="text-danger" role="alert">
                            <strong>{{ $errors->first('publish') }}</strong>
                        </div>
                    @endif
        		</div>
        	  </div>
              <div class="form-group row">
        		<label class="col-sm-2 col-form-label">Description</label>
        		<div class="col-sm-10">
        		  <textarea name="description" class="form-control">{{ old('description') }}</textarea>
                    @if($errors->has('description'))
                        <div class="text-danger" role="alert">
                            <strong>{{ $errors->first('description') }}</strong>
                        </div>
                    @endif
        		</div>
        	  </div>
        	  <div class="form-group row">
        		<label class="col-sm-2 col-form-label">Post content</label>
        		<div class="col-sm-10">
        		  <textarea name="content" class="form-control">{{ old('content') }}</textarea>
                    @if($errors->has('content'))
                        <div class="text-danger" role="alert">
                            <strong>{{ $errors->first('content') }}</strong>
                        </div>
                    @endif
        		</div>
        	  </div>

        	<div class="form-group row">
        		<div class="col-sm-10">
        		  <button type="submit" class="btn btn-primary">Add</button>
        		</div>
        	</div>
        </form>
         </div>
    </div>
</div>
@endsection

<template>

<div>
    <h3 class="text-center">Blog Posts</h3><br/>

    <form @submit.prevent="getResults">
	  <div class="form-group row">
		<label class="col-sm-2 col-form-label">Post title</label>
		<div class="col-sm-10">
		    <input type="text" class="form-control " v-model="q.title">
		</div>
	  </div>

	  <div class="form-group row">
		<label class="col-sm-2 col-form-label">Category</label>
		<div class="col-sm-10">
		          <select class="form-control" v-model="q.category_id">
            <option value="" selected >All</option>
            <option v-for="option in form_options?.category_id" :value="option.id" >{{ option.name }}</option>
        </select>
		</div>
	  </div>

	  <div class="form-group row">
		<label class="col-sm-2 col-form-label">Description</label>
		<div class="col-sm-10">
		    <input type="text" class="form-control " v-model="q.description">
		</div>
	  </div>

	  <div class="form-group row">
		<label class="col-sm-2 col-form-label">Post content</label>
		<div class="col-sm-10">
		    <input type="text" class="form-control " v-model="q.content">
		</div>
	  </div>

      <div class="form-group">
          <button type="submit" class="btn btn-primary">Search </button>
      </div>
    </form>

        <table class="table table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <td>Post title</td>
                <td>Category</td>
                <td>Image</td>
                <td>Featured</td>
                <td>Publish</td>
                <td>Description</td>
                <td>Post content</td>
            </tr>
            </thead>
            <tbody>
            <tr v-for="item in items?.data" :key="item.id" >
                <td>{{ item.id }}</td>
                <td> {{ item?.title }}</td>
                <td> {{  item.category?.name }} </td>
                <td> <a v-if="item.image" :href="item.image">{{ item.image }}</a></td>
                <td> {{ item.featured ? 'Yes' : 'No' }}</td>
                <td> {{ item.publish ? 'Yes' : 'No' }}</td>
                <td> {{ item?.description }}</td>
                <td> {{ item?.content }}</td>
                <td>
                    <div class="btn-group" role="group">
                        <router-link :to="{name: 'posts.show', params: { id: item.id }}" class="btn btn-info">show</router-link>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
        <Bootstrap5Pagination
            class="mb-0"
            :data="items"
            :limit="2"
            :show-disabled="false"
            :size="'default'"
            :align="'center'"
            @pagination-change-page="getResults"
        />

    </div>
</template>

<script>

import { useToast } from "vue-toastification";
const toast = useToast();

export default {
    components:{
        Bootstrap5Pagination
    },
    data() {
        return {
            items: [],
            q: this.$route.query,
            form_options: {},
        }
    },
     created() {
         this.getResults();

        const id = toast.info({
                                props: { content: 'getting options ...' },
                            },{ icon: 'fa-light fa-filter-list'  });

        const that = this;

        axios.get('posts/create').then(response => {
            toast.dismiss(id);
            this.form_options = response.data.elements;
        }) .catch(function (error) {
            toast.dismiss(id);
            if (error.response) {
                that.validationErrors = error.response.data.errors ;
            }
        });

    },
    methods: {
        getResults ( page = this.$route?.query?.page ?? 1 ) {

            const id = toast.info({
                props: { content: 'Getting content ...' },
            },{ icon: 'fa-solid fa-download' });

            axios.get('posts', { params : { 'page' : page,'title' : this.q.title,'category_id' : this.q.category_id,'featured' : this.q.featured,'publish' : this.q.publish,'description' : this.q.description,'content' : this.q.content  }} ).then(response => {
                toast.dismiss(id);
                this.items = response.data;

                this.$router.replace({ name: "posts.index", query: { 'page' : page,'title' : this.q.title,'category_id' : this.q.category_id,'featured' : this.q.featured,'publish' : this.q.publish,'description' : this.q.description,'content' : this.q.content  }  });
            }, response => {
                toast.dismiss(id);
            });

        },
        delete(id) {
            axios.delete(`posts/${id}`)
                .then(response => {
                    let i = this.items.map(item => item.id).indexOf(id);
                    this.items.splice(i, 1)
                });
        }
    }
}
</script>

best practices
Supports all versions of Laravel
55 plugins & And we build more.

Try it now, best way to convert structure into code

AppCubes
Laravel App Builder

Build Your App faster

What can you get with AppCubes?

dynamic websites

API

Admin

ui kits

Work Process

How it works?

Start new project

Add project modules
(they represent tables or files)

Add module attributes

Run

View & Download

Examples of outputs

Flowchart

Migration

Model

Form request

API Controller

Controller

Index view

Create view

Vue (index)

AppCubes Laravel App Builder

Build Your App faster

What can you get with AppCubes?

dynamic websites

API

Admin

ui kits

Work Process

How it works?

Start new project

Add project modules (they represent tables or files)

Add module attributes

Run

View & Download

Examples of outputs

Flowchart

Migration

Model

Form request

API Controller

Controller

Index view

Create view

Vue (index)

AppCubes
Laravel App Builder

Add project modules
(they represent tables or files)