backend api, swagger, tooling, frontend skeleton

frontend/app.vue

@@ -0,0 +1,3 @@
+<template>
+  <NuxtPage />
+</template>

frontend/assets/css/main.css

@@ -0,0 +1,45 @@
+:root {
+  --bg: #f5f1e8;
+  --text: #1f1b16;
+  --accent: #c46b2d;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: "Space Grotesk", system-ui, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+}
+
+a {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+.container {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 24px;
+}
+
+.hero {
+  display: grid;
+  gap: 12px;
+}
+
+.grid {
+  display: grid;
+  gap: 16px;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+}
+
+.card {
+  border: 1px solid #e3d8c5;
+  border-radius: 16px;
+  padding: 16px;
+  background: #fffaf2;
+}

frontend/nuxt.config.ts

@@ -0,0 +1,12 @@
+export default defineNuxtConfig({
+  devtools: { enabled: true },
+  app: {
+    head: {
+      title: 'MatosBox',
+      meta: [
+        { name: 'viewport', content: 'width=device-width, initial-scale=1' }
+      ]
+    }
+  },
+  css: ['~/assets/css/main.css']
+})

frontend/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "matosbox-frontend",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "nuxt dev",
+    "build": "nuxt build",
+    "preview": "nuxt preview"
+  },
+  "dependencies": {
+    "nuxt": "3.12.3"
+  }
+}

frontend/pages/emplacements/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <main class="container">
+    <h1>Emplacements</h1>
+    <p>Arborescence a connecter a l'API.</p>
+  </main>
+</template>

frontend/pages/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <main class="container">
+    <section class="hero">
+      <h1>MatosBox</h1>
+      <p>Inventaire simple pour le materiel, les composants et les outils.</p>
+      <nav class="grid">
+        <NuxtLink class="card" to="/objets">Voir les objets</NuxtLink>
+        <NuxtLink class="card" to="/emplacements">Voir les emplacements</NuxtLink>
+      </nav>
+    </section>
+  </main>
+</template>

frontend/pages/objets/[id].vue

@@ -0,0 +1,6 @@
+<template>
+  <main class="container">
+    <h1>Fiche objet</h1>
+    <p>Detail a connecter a l'API.</p>
+  </main>
+</template>

frontend/pages/objets/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <main class="container">
+    <h1>Objets</h1>
+    <p>Liste a connecter a l'API.</p>
+  </main>
+</template>