Laravel Breeze CRUD: Vue Inertia Version

This project is a simple Laravel CRUD for Tasks model built on top of Laravel Breeze starter kit Inertia (Vue) version.

Installation

Follow these steps to set up the project locally:

1. Clone the repository:

   git clone https://github.com/LaravelDaily/CRUDs-Laravel-Vue-Inertia.git project
   cd project

2. Install dependencies:

   composer install
   npm install && npm run build

3. Copy the .env file and configure your environment variables:

   cp .env.example .env

4. Generate the application key:

   php artisan key:generate

5. Set up the database:

   • Update .env with your database credentials.
   • Run migrations and seed the database, repo includes fake tasks:

     php artisan migrate --seed

6. If you use Laravel Herd/Valet, access the application at http://project.test.

7. Log in with credentials: [email protected] and password.

---

How it Works?

This project goes beyond the default Laravel Breeze setup with the following enhancements.

1. Return Types in the Controller: ex. function destroy(Task $task): RedirectResponse
2. Utilizes Form Request classes for validation, with $request->validated() then used in the Controller
3. Includes Factory and Seeder for the Task Model
4. Uses pagination in Controller
5. Modifies Laravel Breeze Vue component <InputLabel> to add a "required" asterisk parameter
6. Created a custom Vue component <SelectInput> for the dropdown using the same Laravel Breeze CSS styles
7. Uses "flash" messages in the session to show the result after store/update/delete. Adds a custom Vue component <AlertMessage> for this.
8. Transform the links to look like buttons visually, with the same Tailwind styles as Laravel Breeze components. Adds a custom Vue component <LinkButton> for this.
9. Includes Pest test file TasksCRUDTest that has methods to test all Controller routes and also validation of each field.