-And then inside your `resources/themes/theme_name/pages` folder, you can add a new folder called `projects` and inside this folder you'll add an `index.blade.php`. Here is an example of how this page might look.
-```
+First we'll create the **migration** and the **model**. Add the following files to your Wave project:
+
+**database/migrations/create\_projects\_table.php**
+
+```php
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateProjectsTable extends Migration
+{
+ public function up()
+ {
+ Schema::create('projects', function (Blueprint $table) {
+ $table->id();
+ $table->string('name');
+ $table->text('description')->nullable();
+ $table->date('start_date')->nullable();
+ $table->date('end_date')->nullable();
+ $table->foreignId('user_id')->constrained()->onDelete('cascade');
+ $table->timestamps();
+ });
+ }
+ public function down()
+ {
+ Schema::dropIfExists('projects');
+ }
+}
```
-As you can see, this page will output all the projects that belong to this specific user.
+**app/Models/Project.php**
+```php
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Project extends Model
+{
+ protected $fillable = [
+ 'name',
+ 'description',
+ 'start_date',
+ 'end_date',
+ 'user_id',
+ ];
+
+ protected $casts = [
+ 'start_date' => 'date',
+ 'end_date' => 'date',
+ ];
+
+ public function user()
+ {
+ return $this->belongsTo(User::class);
+ }
+}
```
+
+Make sure to run `php artisan migrate` to add the project table.
+
+Next, let's create the **volt page** to list our projects. Add the following file contents:
+
+**resources/themes/{theme}/pages/projects/index.blade.php**
+
+```php
+projects = auth()->user()->projects()->latest()->get();
+ }
+
+ public function deleteProject(Project $project)
+ {
+ $project->delete();
+ $this->projects = auth()->user()->projects()->latest()->get();
+ }
+ }
+?>
+
+You don't have any projects yet.
+| Name | +Description | +Start Date | +End Date | +Actions | +
|---|---|---|---|---|
| {{ $project->name }} | +{{ Str::limit($project->description, 50) }} | +{{ $project->start_date ? $project->start_date->format('Y-m-d') : 'N/A' }} | +{{ $project->end_date ? $project->end_date->format('Y-m-d') : 'N/A' }} | ++ Edit + + | +
+
+This page will output all the projects that belong to this specific user, but right now there are no projects. But, we can easily add a **create project volt page** to allow us to create projects. Create another file inside the `projects` folder called `create.blade.php`, with the following contents:
+
+**resources/themes/{theme}/pages/projects/create.blade.php**
+
+```php
+validate();
+
+ $project = auth()->user()->projects()->create($validated);
+
+ session()->flash('message', 'Project created successfully.');
+
+ $this->redirect(route('projects'));
+ }
+ }
+?>
+
+
+
+After creating a few new projects, you can navigate back the `app_url.test/projects` and see a list of these new projects.
+
+
+
+This is just an example of how you can add custom logic for your application. But again, there is no right or wrong way to do this. However you're most comfortable adding and maintaining the logic in your app is the way to go.
-This is just an example of how you can add custom logic for your application. Obviously there is no right or wrong way to do this. It is whatever way you feel the most comfortable adding and maintaining the logic in your application.
+## Using FilamentPHP
+FilamentPHP is used for the Admin section of Wave; however, it also provides a collection of components that we can utilize to make building our application even easier. This includes the Table Builder and the Form Builder. If you want to see how we can use the Table and Form Builder using this same Project Example, be sure to visit the Using Filament With Volt Guide.
\ No newline at end of file
diff --git a/includes/docs-sidebar.html b/includes/docs-sidebar.html
index d0e8c59..20dd036 100644
--- a/includes/docs-sidebar.html
+++ b/includes/docs-sidebar.html
@@ -260,6 +260,42 @@
+