From 43b4d9494f3a4788b4b7781afc68397260629d31 Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Sun, 26 Jul 2026 10:34:12 +0200
Subject: [PATCH] feat: centralize portfolio project data into array

---
 src/components/Portfolio.tsx | 53 ++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/src/components/Portfolio.tsx b/src/components/Portfolio.tsx
index 7442ad0..504a2c5 100644
--- a/src/components/Portfolio.tsx
+++ b/src/components/Portfolio.tsx
@@ -1,4 +1,57 @@
+const PROJECTS = [
+  {
+    title: "DABubble",
+    type: "Web Application",
+    description:
+      "This App is a Slack Clone App. It revolutionizes team communication and collaboration with its intuitive interface, real-time messaging, and robust channel organization.",
+    image: "/assets/projects/join.jpg",
+    tags: [
+      { name: "Angular", featured: true },
+      { name: "TypeScript", featured: true },
+      { name: "Google Firebase", featured: false },
+    ],
+    isFeatured: true,
+    demoLink: "https://dabubble.andre-kempf.com/",
+    githubLink: "https://github.com/Chneemann/dabubble",
+  },
+  {
+    title: "Join",
+    type: "Full-Stack App",
+    description:
+      "Task manager inspired by the Kanban System. Create and organize tasks using drag and drop functions, assign users and categories to ensure efficient management.",
+    image: "/assets/projects/dabubble.png",
+    tags: [
+      { name: "Angular (TS)", featured: true },
+      { name: "Django REST", featured: true },
+      { name: "Python", featured: false },
+      { name: "PostgreSQL", featured: false },
+    ],
+    isFeatured: false,
+    frontendLink: "https://github.com/Chneemann/join",
+    backendLink: "https://github.com/Chneemann/join-api",
+  },
+  {
+    title: "Videoflix",
+    type: "Full-Stack App",
+    description:
+      "Video platform for sharing and discovering videos. Upload, view, and stream content in various quality levels, all within a user-friendly interface designed to enhance the video experience.",
+    image: "/assets/projects/videoflix.jpg",
+    tags: [
+      { name: "Angular (TS)", featured: true },
+      { name: "Django REST", featured: true },
+      { name: "Python", featured: false },
+      { name: "PostgreSQL", featured: false },
+    ],
+    isFeatured: false,
+    frontendLink: "https://github.com/Chneemann/videoflix/tree/main/frontend",
+    backendLink: "https://github.com/Chneemann/videoflix/tree/main/backend",
+  },
+];
+
 export default function Portfolio() {
+  const featuredProject = PROJECTS.find((p) => p.isFeatured);
+  const secondaryProjects = PROJECTS.filter((p) => !p.isFeatured);
+
   return (
     <section
       id="portfolio"