adding products

2026-04-09 16:35:18 -06:00
parent 53af097928
commit 0ca7b94cc0
7 changed files with 123 additions and 3 deletions
@@ -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'];
+}
@@ -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),
+        ];
+    }
+}
@@ -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');
+    }
+};
@@ -2,6 +2,7 @@

 namespace Database\Seeders;

+use App\Models\Product;
 use App\Models\User;
 // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 use Illuminate\Database\Seeder;
@@ -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>
@@ -4,6 +4,6 @@ use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;

 Route::get('/cart', function (Request $request) {
-    return $request->user();
+    return $request->user()->cart();
 });
 //})->middleware('auth:sanctum');
@@ -1,11 +1,16 @@
 <?php

+use App\Models\Product;
 use Illuminate\Support\Facades\Route;
 use Laravel\Fortify\Features;

-Route::inertia('/', 'Welcome', [
+/*Route::inertia('/', 'Welcome', [
    '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::inertia('dashboard', 'Dashboard')->name('dashboard');