# 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>" %}