base on Build your Filament panel **visually** with... Filament! Crud List example:  Crud Form example:  Field Form example:  Code Generation/Download example:  FilaStart is free and fully open-source. --- ## How it Works FilaStart is a Laravel+Filament application that generates the code, which you should then use in your **already-existing other separate** Laravel+Filament project. After you define your CRUDs with the visual editor, FilaStart will generate three things for you: - Laravel Migrations - Eloquent Models - Filament Resources Then, you can copy the generated files into your Laravel project and manually add more functionality. https://github.com/LaravelDaily/FilaStart/assets/3809773/7e895e53-dcd9-4682-b485-db5c72f12d06 --- ## Installation Instructions FilaStart is a Laravel+Filament application that is installable on your local machine. **It's not a Laravel package or Filament plugin**. The requirements are the same as those for the Laravel 11 and Filament 3 versions: the most important requirement is PHP 8.2+. Here's the list of commands for the installation: ```sh git clone https://github.com/LaravelDaily/FilaStart cp .env.example .env # Edit your .env configuration composer install php artisan key:generate php artisan storage:link touch database/database.sqlite # If you want to use SQLite php artisan migrate --seed # It will create a demo admin user ``` Then, launch `/builder` URL and you should see a familiar Filament login screen:  Log in with credentials `[email protected]` and `password` --- ## Usage We know the struggle of setting up a new tool, so here is a quick overview of how to use FilaStart: ### Creating Panels The first time you log in, you will see a "Create Panel" form appear:  Just enter the name of your panel and click "Create Panel". This will take you to the CRUDs page:  Now, if you want to create another panel, you have to click the current panel name in the top-left corner:  From there, it is the same process as before. ### Creating Your CRUDs Now that we have our panel - we can create our CRUDs. Click the "New CRUD" button:  From there, fill in the details in the form:  In this form, you have a few options: - **Parent** - Select a parent CRUD here to create a sub-menu item. - **Type** - To create a "Parent" CRUD, select the "Parent" type. Otherwise, select "CRUD" to create a Resource CRUD. - **Visual Title** - This title will be used as your CRUDs title, and the Model name/migration table name will be auto-generated from this title. - **Icon** - Select an icon for your CRUD. This will be used in the Filament sidebar. - **Menu Order** allows you to order your CRUDs in the Filament sidebar. After you fill in the form, click "Create CRUD," and you will be taken to the CRUD editor:  In there, you should notice that there are **four pre-defined fields**. These fields will be created for you automatically. ### Adding Fields to CRUDs Next, we need to add fields to our CRUD. Click the "New Crud Field" button:  This will open a new Modal where you can add your field:  In this form, you have a few options: - **Type** - The field type you want to add. - **Validation** - The validation to apply to the field. Currently, only "required" and "optional" (nullable) are supported. - **Label** - The label for the field. From this label, we will auto-generate the model field name. - **Placeholder/Hint** - The placeholder for the field. It works for all fields except **checkbox**. For checkboxes, it's a hint. - **Toggles for Display** - You can toggle the field to be displayed in the list view in create/edit forms. - **Order** - The order of the field. Of course, if the field is a relationship, you will have to select the related CRUD:  This will create a relationship between the two CRUDs. ### Downloading Generated Code After you have created your CRUDs and fields, you can download the generated code. Click the "Generate & Download Code" link in the sidebar:  This will open a new page where you can trigger the generation of the code:  Once you've done this, you can download the generated code (or extract it from the `storage/app` folder). To trigger the generation again (if you made changes), click the "Start Generation" button again. --- ## How to Use Generated Code FilaStart will generate the files in three folders: - app/Models - database/migrations - app/Filament/Resources So, copy-paste the generated files into your existing Laravel + Filament project. If it's a fresh project, overwrite those folders instead of the old ones. If a project already contains Models and Migrations, copy only the Filament Resource files.  [TO-DO: another video emphasizing the copy-paste process] --- ## Extending FilaStart comes with all Source Code, so you can extend it as you wish. Here are a few resources to get you started: - [Enabling Modules and Adding Custom Modules](.readme/ModulesReadme.md) - [Adding Custom Fields](.readme/CustomFields.md) - [Modifying templates](.readme/ModifyingTemplates.md) Feel free to dive into the source code and make changes. Everything is type-hinted, so you should be able to navigate the codebase easily. --- ## Want More Filament Examples? FilaStart is free and open-source, but if you want to see more Filament projects in action, check out our premium product [FilamentExamples.com](https://filamentexamples.com). ", Assign "at most 3 tags" to the expected json: {"id":"10006","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"