83 lines
3.9 KiB
TypeScript
83 lines
3.9 KiB
TypeScript
import portfolioImage from '@/assets/portfolio.PNG';
|
||
import dancaAlegriaImage from '@/assets/Danca-Alegria.png';
|
||
import lukasImage from '@/assets/lukas.png';
|
||
import a11yhubImage from '@/assets/a11yhub.png';
|
||
import placeholderImage from '@/assets/og-image.png';
|
||
|
||
export const projects = {
|
||
title: 'Ausgewählte Projekte',
|
||
subtitle: 'Eine Übersicht meiner Arbeiten und persönlichen Projekte',
|
||
codeButtonText: 'Code',
|
||
liveButtonText: 'Live',
|
||
projectItems: [
|
||
{
|
||
id: 1,
|
||
title: 'Portfolio-Website',
|
||
description:
|
||
'Eine persönliche Portfolio-Website zur Präsentation meiner Fähigkeiten, Projekte und Erfahrungen.',
|
||
image: portfolioImage,
|
||
technologies: ['React', 'TypeScript', 'SCSS', 'Github Copilot'],
|
||
year: '2025',
|
||
github: 'https://git.sascha-bach.de/saschabach/portfolio-page',
|
||
live: 'https://www.sascha-bach.de',
|
||
},
|
||
{
|
||
id: 2,
|
||
title: 'Danca Alegria Vereins-Website',
|
||
description:
|
||
'Unterstützung bei freiwilligen Änderungen zur Einhaltung der WCAG 2.1 Level AA Barrierefreiheit.',
|
||
image: dancaAlegriaImage,
|
||
technologies: ['Wordpress', 'PHP', 'HTML', 'CSS'],
|
||
year: '2025',
|
||
live: 'https://www.danca-alegria.de',
|
||
},
|
||
{
|
||
id: 3,
|
||
title: 'Squarespace-Page für Massage-Service',
|
||
description:
|
||
'Design, Erstellung und Styling einer Landingpage, Angeboten und Scheduling via Squarespace',
|
||
image: lukasImage,
|
||
technologies: ['Squarespace', 'CSS', 'Figma'],
|
||
year: '2026',
|
||
live: 'https://www.lukasmobilemassage.de',
|
||
},
|
||
{
|
||
id: 4,
|
||
title: 'Plattform für Bildungsangebote zu digitaler Barrierefreiheit',
|
||
description:
|
||
'Ein Kooperationsprojekt mit Benjamin Christi, das Events, Webinare und Weiterbildungsangebote zu digitaler Barrierefreiheit an einem zentralen, WCAG-2.2-konformen Ort bündelt – Frontend mit BEM-Struktur in React/Next.js, Backend mit Node.js/PostgreSQL/GraphQL, Content über Payload CMS.',
|
||
image: a11yhubImage,
|
||
technologies: ['React', 'Next.js', 'TypeScript', 'Node.js', 'PostgreSQL', 'GraphQL', 'Payload CMS'],
|
||
year: '2026',
|
||
live: 'https://www.a11y-hub.de',
|
||
},
|
||
{
|
||
id: 5,
|
||
title: 'Barrierefreiheits-Audit für einen Unternehmenskunden',
|
||
description:
|
||
'Vollständige BITV 2.0 / EN 301 549 Prüfung (115 Kriterien) nach WCAG 2.2 Level AA über 21 Seiten, mit priorisiertem Befundbericht (Critical/High/Medium/Low), konkreten Lösungsvorschlägen und Re-Audit-Fahrplan.',
|
||
image: placeholderImage,
|
||
technologies: ['WCAG 2.2', 'BITV 2.0', 'EN 301 549', 'axe DevTools', 'WAVE'],
|
||
year: '2026',
|
||
},
|
||
{
|
||
id: 6,
|
||
title: 'Individuelle MediaWiki-Plattform (GxPlex)',
|
||
description:
|
||
'Aufbau einer maßgeschneiderten MediaWiki-Instanz inkl. Installation, MySQL-Datenbank, SSL und automatischer Backups; Einrichtung rollenbasierter Rechte (Admin, Mod, Verifiziert, User), FlaggedRevisions-Workflow für die redaktionelle Prüfung sowie Kommentar-/Bewertungs-Extensions.',
|
||
image: placeholderImage,
|
||
technologies: ['MediaWiki', 'MySQL', 'PHP', 'SSL'],
|
||
year: '2026',
|
||
},
|
||
{
|
||
id: 7,
|
||
title: 'Fotobuch-Designer Web-App',
|
||
description:
|
||
'Komplexe Angular-Anwendung für individuelle Fotoprodukte bei ORWO Net GmbH; Umsetzung WCAG-AA-konformer, wiederverwendbarer UI-Komponenten in SCSS/BEM-Architektur, mit XSLT-Templates im agilen Scrum-Team.',
|
||
image: placeholderImage,
|
||
technologies: ['Angular', 'TypeScript', 'SCSS', 'XSLT', 'WCAG AA'],
|
||
year: '2025',
|
||
}
|
||
],
|
||
};
|