# What Files are Inside Vue.js+Laravel CRUD?

When you create a CRUD in Vue QuickAdminPanel, minimum of **12 new files** are generated automatically, and **6 more files** are updated. Potentially more, if you use some advanced features/modules.

For example, if you create CRUD called **Transactions** with a few simple columns like "amount" and "transaction\_date", here's the **minimum** list of generated files.

### NEW Back-end Laravel Files

**\[New Model]**

* app/Transaction.php

**\[New API Controller]**

* app/Http/Controllers/Api/V1/Admin/TransactionsApiController.php

**\[New Form Requests for Validation]**

* app/Http/Requests/StoreTransactionRequest.php
* app/Http/Requests/UpdateTransactionRequest.php

**\[New Eloquent API Resource]**

* app/Http/Resources/Admin/TransactionResource.php

**\[New Database Migration]**

* database/migrations/2020\_09\_11\_000006\_create\_transactions\_table.php

**-----------------------------------------------------------**

### **UPDATED Back-end Laravel Files**

**\[Changed API Routes]**

* routes/api.php

**\[Changed Seeds for Permissions]**

* database/seeds/PermissionsTableSeeder.php

**\[Changed Translation File]**

* resources/lang/en/cruds.php

**-----------------------------------------------------------**

### NEW Front-end JavaScript/Vue Files

**\[New Vue Components for CRUD]**

* resources/adminapp/js/cruds/Transactions/Index.vue
* resources/adminapp/js/cruds/Transactions/Create.vue
* resources/adminapp/js/cruds/Transactions/Edit.vue
* resources/adminapp/js/cruds/Transactions/Show\.vue

**\[New Vuex Store Files]**

* resources/adminapp/js/store/cruds/Transactions/index.js
* resources/adminapp/js/store/cruds/Transactions/single.js

**-----------------------------------------------------------**

### UPDATED Front-end JavaScript/Vue Files

**\[Added Menu Item on Sidebar]**

* resources/adminapp/js/pages/Layout/DashboardLayout.Vue

**\[Added Vue Routes]**

* resources/adminapp/js/routes/routes.js

**\[Added Vuex Files to the List]**

* resources/adminapp/js/store/store.js

**-----------------------------------------------------------**

For a bit deeper explanation of those files, look at this video (specifically, section "Look at Vue/Laravel Generated Code", from 8:34):

{% embed url="<https://www.youtube.com/watch?v=yDr9PZNaZvM>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helpdocs.quickadminpanel.com/vue.js-generator-version/what-files-are-inside-vue-laravel-crud.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.