Scaffold full project: Vue 3/Inertia frontend, Docker infra, domain model

- Frontend: Vue 3 + Inertia.js + Pinia + Tailwind CSS with layout and dashboard page
- Infrastructure: Docker Compose with nginx, PHP-FPM, PostgreSQL+pgvector, Redis, Python AI service
- Database: 22 migrations covering all domain entities (projects, phases, commitments, decisions, documents, handover, audit)
- Models: 23 Eloquent models with relationships, casts, and 14 string-backed enums
- AI service: FastAPI scaffold with health, chat, summarize, and search endpoints

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
znetsixe
2026-04-01 12:49:20 +02:00
parent 46a1279cd6
commit b71b274361
81 changed files with 4700 additions and 39 deletions

View File

@@ -1,11 +1 @@
@import 'tailwindcss';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@theme {
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
}
@import "tailwindcss";

View File

@@ -0,0 +1,25 @@
<script setup>
import { Link } from '@inertiajs/vue3'
</script>
<template>
<div class="min-h-screen bg-gray-50">
<nav class="bg-white border-b border-gray-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<span class="text-xl font-semibold text-gray-800">Innovatieplatform</span>
</div>
<div class="flex items-center space-x-4">
<Link href="/dashboard" class="text-gray-600 hover:text-gray-900">Dashboard</Link>
<Link href="/projects" class="text-gray-600 hover:text-gray-900">Projecten</Link>
<Link href="/roadmap" class="text-gray-600 hover:text-gray-900">Roadmap</Link>
</div>
</div>
</div>
</nav>
<main class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
<slot />
</main>
</div>
</template>

View File

@@ -0,0 +1,10 @@
<script setup>
import AppLayout from '@/Layouts/AppLayout.vue'
</script>
<template>
<AppLayout>
<h1 class="text-2xl font-bold text-gray-900">Dashboard</h1>
<p class="mt-2 text-gray-600">Welkom bij het Innovatieplatform van het R&amp;D Lab.</p>
</AppLayout>
</template>

View File

@@ -1 +1,17 @@
import './bootstrap';
import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/vue3'
import { createPinia } from 'pinia'
createInertiaApp({
resolve: name => {
const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
return pages[`./Pages/${name}.vue`]
},
setup({ el, App, props, plugin }) {
const pinia = createPinia()
createApp({ render: () => h(App, props) })
.use(plugin)
.use(pinia)
.mount(el)
},
})

View File

@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Innovatieplatform</title>
@vite(['resources/css/app.css', 'resources/js/app.js'])
@inertiaHead
</head>
<body>
@inertia
</body>
</html>