Initiële commit: VibeFinance 3-container opzet

Basislijn van de bestaande applicatie (Vite/React frontend, Express backend, PostgreSQL) zoals die in de index stond, plus dev-, release- en documentatiescripts. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-04 09:19:14 +02:00
commit e45d5b73fb
54 changed files with 11434 additions and 0 deletions
@@ -0,0 +1,76 @@
+// ── Kleuren ──────────────────────────────────────────────────────────────────
+export const PURPLE       = "#7c3aed";
+export const PURPLE_LIGHT = "#8b5cf6";
+export const GREEN        = "#10b981";
+export const RED          = "#ef4444";
+export const GOLD         = "#f59e0b";
+export const BLUE         = "#3b82f6";
+
+export const CAT_COLORS = [
+  "#3b82f6", "#8b5cf6", "#f59e0b", "#10b981",
+  "#06b6d4", "#f97316", "#ec4899", "#84cc16",
+];
+
+// ── Emoji picker opties ───────────────────────────────────────────────────────
+export const EMOJI_OPTIONS = [
+  "📈","📉","💰","💵","🏠","🏡","🏦","💎","🪙","🥇","🥈","🥉",
+  "📊","💹","🌍","🚀","⚡","🔋","🛢","🌾","☕","🍷","🎯","🎲","🎪",
+  "🏋","🏄","🚗","✈️","🛳","🎸","🎓","💡","🔑","🌱",
+  "🌊","🔥","❄️","🌈","⭐","🦁","🐉","🦋","🐝","🍀","🌻","💫","✨",
+  "💸","💝","🌐","🔗","🏅","🪙","💼","📌",
+];
+
+// ── Navigatie tabs ────────────────────────────────────────────────────────────
+export const TABS = [
+  "Dashboard",
+  "Eigen Vermogen",
+  "Schuld",
+  "Voortgang Schuld & EV",
+];
+
+// ── Categorie-sleutels (EV voortgang tabel) ───────────────────────────────────
+export const CAT_KEYS = [
+  { key: "aandelen",     label: "Aandelen",     color: "#3b82f6" },
+  { key: "crypto",       label: "Crypto",        color: "#8b5cf6" },
+  { key: "commodities",  label: "Commodities",   color: "#f59e0b" },
+  { key: "vastgoed",     label: "Vastgoed",      color: "#10b981" },
+  { key: "crowdfunding", label: "Crowdfunding",  color: "#06b6d4" },
+  { key: "teBesteden",   label: "Te Besteden",   color: "#64748b" },
+];
+
+// ── Demo gebruikers (alleen frontend – backend heeft eigen store) ─────────────
+export const DEMO_USERS = [
+  { id: "u1", email: "admin@vibefinance.nl",     wachtwoord: "Admin123!", naam: "Beheerder",  rol: "Admin"  },
+  { id: "u2", email: "gebruiker@vibefinance.nl", wachtwoord: "Vibe2024!", naam: "Gebruiker",  rol: "Viewer" },
+];
+
+// ── Initiële app-data (fallback als backend niet bereikbaar is) ───────────────
+export const INITIAL_DATA = {
+  eigenVermogen: {
+    doel: 500000,
+    categories: [
+      { id: "c1", naam: "Aandelen",     color: "#3b82f6", items: [] },
+      { id: "c2", naam: "Crypto",       color: "#8b5cf6", items: [] },
+      { id: "c3", naam: "Commodities",  color: "#f59e0b", items: [] },
+      { id: "c4", naam: "Vastgoed",     color: "#10b981", items: [] },
+      { id: "c5", naam: "Crowdfunding", color: "#06b6d4", items: [] },
+      { id: "c6", naam: "Te Besteden",  color: "#64748b", items: [] },
+    ],
+  },
+  schuld: {
+    initieleSchuld: 303000,
+    schuldHistory: [],
+    blokken: [
+      { id: "s1", naam: "Hypotheek", color: "#ef4444", items: [
+        { id: "s1i1", naam: "Leningdeel 1", waarde: 0 },
+        { id: "s1i2", naam: "Leningdeel 2", waarde: 0 },
+        { id: "s1i3", naam: "Leningdeel 3", waarde: 0 },
+        { id: "s1i4", naam: "Leningdeel 4", waarde: 0 },
+      ]},
+      { id: "s2", naam: "Belastingdienst", color: "#f97316", items: [
+        { id: "s2i1", naam: "Kinderopvangtoeslag", waarde: 0 },
+        { id: "s2i2", naam: "Sub-categorie 2",     waarde: 0 },
+      ]},
+    ],
+  },
+};