Chneemann/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: centralize portfolio project data into array

Browse source
This commit is contained in:
Chneemann 2026-07-26 10:34:12 +02:00
parent 4230565582
commit 43b4d9494f
1 changed files with 53 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
src/components/Portfolio.tsx
View file

@ -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() { export default function Portfolio() {
const featuredProject = PROJECTS.find((p) => p.isFeatured);
const secondaryProjects = PROJECTS.filter((p) => !p.isFeatured);
return ( return (
<section <section
id="portfolio" id="portfolio"