Über diese Seite
Dieses Projekt demonstriert nicht nur meine technischen Fähigkeiten, sondern auch meine Fähigkeit, mich schnell in neue Technologien einzuarbeiten. Die gesamte Entwicklung - von der ersten Konzeption bis zum finalen Deployment - konnte ich dank moderner KI-Tools wie Cline in Kombination mit Claude.AI in nur zwei Wochen realisieren.
Die Entwicklung begann mit sorgfältiger Planung in Figma, wo ich Figma-Variablen nutzte, um ein konsistentes Designsystem zu etablieren. Mit Next.js als Fundament, erweitert durch Next.UI und Tailwind CSS, entstand eine benutzerfreundliche und technisch ausgereifte Anwendung.
Für eine typsichere Entwicklung integrierte ich tRPC mit automatischer Typgenerierung, was eine zuverlässige Kommunikation zwischen Frontend und Backend gewährleistet. Das Directus CMS mit PostgreSQL bildet dabei eine solide Grundlage für das Datenmanagement.
Besonders stolz bin ich darauf, dass ich das in kleineren Projekten aufgebaute DevOps-Wissen einsetzen konnte. Die Backend-Infrastruktur läuft als selbstgehostete Lösung auf einem VPS, orchestriert durch Docker-Container und automatisierte Jenkins CI/CD-Pipelines. Die Implementierung von SSL-Verschlüsselung und Fail2Ban rundet das Sicherheitskonzept ab.
Dieses Projekt zeigt, wie effektiv moderne Entwicklungstools und vorhandenes technisches Know-how kombiniert werden können, um in kurzer Zeit ein professionelles Ergebnis zu erzielen.
Technologie-Stack:
Frontend: Next.js, Next.UI, Tailwind CSS, tRPC
Design: Figma, Komponentenbibliothek, Designsystem
Backend: Directus CMS, PostgreSQL
DevOps: Docker, Jenkins, Automatisierte CI/CD
Sicherheit: SSL, Fail2Ban
Infrastruktur: Selfhosted VPS
Entwicklungsunterstützung: Cline, Claude AI