brian/laravel-shopping-cart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding products

Browse Source
This commit is contained in:
Brian
2026-04-09 16:35:18 -06:00
parent 53af097928
commit 0ca7b94cc0
7 changed files with 123 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Models/Product.php
+14
View File
@@ -0,0 +1,14 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class Product extends Model
{
/** @use HasFactory<\Database\Factories\ProductFactory> */
use HasFactory;
protected $fillable = ['name', 'description', 'price_cents'];
}
database/factories/ProductFactory.php
+26
View File
@@ -0,0 +1,26 @@
<?php
namespace Database\Factories;
use App\Models\Product;
use Illuminate\Database\Eloquent\Factories\Factory;
/**
* @extends Factory<Product>
*/
class ProductFactory extends Factory
{
/**
* Define the model's default state.
*
* @return array<string, mixed>
*/
public function definition(): array
{
return [
'name' => $this->faker->words(3, true),
'description' => $this->faker->sentence(12),
'price_cents' => $this->faker->numberBetween(499, 9999),
];
}
}
database/migrations/2026_04_09_222641_create_products_table.php
+30
View File
@@ -0,0 +1,30 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('products', function (Blueprint $table) {
$table->id();
$table->string('name');
$table->text('description');
$table->unsignedInteger('price_cents');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('products');
}
};
database/seeders/DatabaseSeeder.php
+1
View File
@@ -2,6 +2,7 @@
namespace Database\Seeders; namespace Database\Seeders;
use App\Models\Product;
use App\Models\User; use App\Models\User;
// use Illuminate\Database\Console\Seeds\WithoutModelEvents; // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
use Illuminate\Database\Seeder; use Illuminate\Database\Seeder;
resources/js/pages/Home.vue
+44
View File
@@ -0,0 +1,44 @@
<script setup lang="ts">
import { Head } from '@inertiajs/vue3';
interface Product {
id: number;
name: string;
description: string;
price_cents: number;
}
defineProps<{
products: Product[];
}>();
function formatPrice(cents: number): string {
return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(cents / 100);
}
</script>
<template>
<Head title="Shop">
<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
</Head>
<div class="min-h-screen bg-[#FDFDFC] p-6 text-[#1b1b18] dark:bg-[#0a0a0a] lg:p-8">
<header class="mx-auto mb-8 max-w-4xl">
<h1 class="text-2xl font-semibold">Products</h1>
</header>
<main class="mx-auto max-w-4xl">
<p v-if="products.length === 0" class="text-gray-500">No products available.</p>
<div v-else class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
<div
v-for="product in products"
:key="product.id"
class="rounded-lg border border-gray-200 bg-white p-5 shadow-sm dark:border-gray-700 dark:bg-gray-800"
>
<h2 class="mb-1 font-medium capitalize">{{ product.name }}</h2>
<p class="mb-4 text-sm text-gray-500 dark:text-gray-400">{{ product.description }}</p>
<p class="text-lg font-semibold">{{ formatPrice(product.price_cents) }}</p>
</div>
</div>
</main>
</div>
</template>
routes/api.php
+1 -1
View File
@@ -4,6 +4,6 @@ use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route; use Illuminate\Support\Facades\Route;
Route::get('/cart', function (Request $request) { Route::get('/cart', function (Request $request) {
return $request->user(); return $request->user()->cart();
}); });
//})->middleware('auth:sanctum'); //})->middleware('auth:sanctum');
routes/web.php
+7 -2
View File
@@ -1,11 +1,16 @@
<?php <?php
use App\Models\Product;
use Illuminate\Support\Facades\Route; use Illuminate\Support\Facades\Route;
use Laravel\Fortify\Features; use Laravel\Fortify\Features;
Route::inertia('/', 'Welcome', [ /*Route::inertia('/', 'Welcome', [
'canRegister' => Features::enabled(Features::registration()), 'canRegister' => Features::enabled(Features::registration()),
])->name('home'); ])->name('home');*/
Route::get('/', fn () => inertia('Home', [
'products' => Product::all(),
]))->name('home');
Route::middleware(['auth', 'verified'])->group(function () { Route::middleware(['auth', 'verified'])->group(function () {
Route::inertia('dashboard', 'Dashboard')->name('dashboard'); Route::inertia('dashboard', 'Dashboard')->name('dashboard');