Fullstack Webentwickler.

Ich entwickle moderne, responsive Webanwendungen mit modernsten Technologien. Spezialisiert auf React, Next.js und Full-Stack-Entwicklung, um außergewöhnliche digitale Erlebnisse zu schaffen.

Profilbild

Über mich

Ein Fullstack-Entwickler, der sich auf React- und Next.js-Anwendungen spezialisiert hat und ein Auge für Design hat.

Persönlich

Kreativer Denker mit einer Leidenschaft für elegante Lösungen und Liebe zum Detail

Problemlöser
Kreativer Denker
Schneller Lerner
Detailorientiert

Beruflich

Lieferung wirkungsvoller Lösungen bei gleichzeitiger Erkundung neuer Technologien

Erfahrung
5+ Jahre
Projekte
10+ abgeschlossen
Technologien
12+ beherrscht
Zertifizierungen
3 erreicht
portfolio.tsx
import { Developer } from 'career';
import { React, NextJS, TypeScript } from 'skills';

const Christoph: Developer = () => {
  const [passion, setPassion] = useState('high');
  const [darkMode, setDarkMode] = useState('always');

  useEffect(() => {
    // Always learning new things
    const interval = setInterval(() => {
      learnNewSkill();
    }, 24 * 60 * 60 * 1000);
    return () => clearInterval(interval);
  }}, []);

  const buildAmazingThings = () => {
    return <Innovation />
  }

  return <WebDeveloper 
    skills={[React, NextJS, TypeScript]}
    theme={darkMode}
    createValue={() => buildAmazingThings()}
  />;
};
export default Christoph;

Meine Fähigkeiten

Ich habe mein Know-how in diesen Technologien verfeinert, um moderne, effiziente Lösungen zu erstellen.

Scrollen
zum entdecken

React

Interaktive Benutzeroberflächen mit wiederverwendbarer komponentenbasierter Architektur erstellen

KompetenzlevelExperte

Next.js

Hochleistungs-Webanwendungen mit serverseitigem Rendering erstellen

KompetenzlevelExperte

TypeScript

Entwicklung von typsicherem Code für robustere und wartbarere Anwendungen

KompetenzlevelExperte

JavaScript

Implementierung dynamischer Funktionalitäten für ansprechende Benutzererfahrungen

KompetenzlevelSpezialist

Node.js

Skalierbare Backend-Dienste mit JavaScript-Laufzeitumgebung erstellen

KompetenzlevelExperte

Tailwind CSS

Responsive Designs mit utility-first CSS-Framework gestalten

KompetenzlevelSpezialist

Supabase

Serverlose Anwendungen mit Echtzeit-Datenbank und Authentifizierung erstellen

KompetenzlevelFortgeschritten

Git

Quellcode und Versionskontrolle für kollaborative Entwicklung verwalten

KompetenzlevelSpezialist

Docker

Konsistente Bereitstellung von Anwendungen durch Containerisierung

KompetenzlevelExperte

React Native

Plattformübergreifende mobile Anwendungen mit React entwickeln

KompetenzlevelFortgeschritten

Firebase

Skalierbare Anwendungen mit Echtzeit-Datenbank und Cloud-Funktionen erstellen

KompetenzlevelFortgeschritten

HTML & CSS

Semantisches Markup und Styling für moderne Webanwendungen erstellen

KompetenzlevelSpezialist

Flutter

Plattformübergreifende mobile Anwendungen mit Dart entwickeln

KompetenzlevelFortgeschritten

Figma

Benutzeroberflächen und interaktive Prototypen für Web- und mobile Anwendungen gestalten

KompetenzlevelExperte

Projekte

Entdecken Sie mein Anwendungsportfolio, welches meine Kenntnisse in der Frontend-, Backend-, Full-Stack- sowie App-Entwicklung zeigt.

  • Portfolio Website
    Frontend

    Portfolio Website

    Diese Website ist eine Präsentation meiner Projekte, Fähigkeiten und Erfahrungen in der Softwareentwicklung. Sie zeichnet sich durch ein modernes Design mit einem klaren Layout und intuitiver Navigation aus. Die Seite wurde mit Next.js, Tailwind CSS und Framer Motion erstellt.

    ReactNext.jsTailwind CSSTypeScriptFramer Motion
  • OSM Routing Simulation
    Full Stack

    OSM Routing Simulation

    Dieses Projekt konzentriert sich auf die Implementierung, Optimierung und Visualisierung von Routing-Algorithmen mit OpenStreetMap-Daten. Das Hauptziel ist die Entwicklung einer interaktiven webbasierten Anwendung, die verschiedene Routing-Algorithmen wie Breitensuche, Dijkstra und A* vergleicht und ihre Funktionsweise visuell darstellt. Ein wichtiger Beitrag ist die Implementierung einer effizienten Graphenkontraktionstechnik, die den Rechenaufwand durch selektives Eliminieren von Zwischenknoten erheblich reduziert. Die Auswertung auf verschiedenen Datensätzen (städtische, ländliche, Autobahnnetze) zeigt Laufzeitverbesserungen von 10% bis 95%, je nach Netzwerkstruktur und gewähltem Algorithmus. Für Autobahndaten mit geringer Verzweigungsdichte wurde eine Knotenreduktion von über 93% erreicht, was zu einer Beschleunigung der Berechnung um den Faktor 20 führte. Die entwickelte Anwendung bietet wertvolle Einblicke in die Funktionsweise von Routing-Algorithmen und unterstreicht das erhebliche Optimierungspotenzial struktureller Graphtransformationen für eine effiziente Navigation in realen Straßennetzen.

    OpenStreetMapNode.jsJavascriptPug.js
  • PDF Chatbot
    Full Stack

    PDF Chatbot

    Dieses Projekt ist ein selbst-gehosteter KI-Assistent, der Benutzern ermöglicht, mit PDF-Dokumenten zu interagieren, indem er spezifische Fragen basierend auf deren Inhalt beantwortet. Benutzer können PDFs direkt in der Anwendung hochladen, verwalten und ansehen. Ein lokal installiertes LLM ruft die relevantesten Dokumentabschnitte mithilfe einer fortschrittlichen Ähnlichkeitssuche ab und gewährleistet so genaue Antworten. Das System enthält einen integrierten Chat-Verlauf zur Nachverfolgung früherer Interaktionen und einen sicheren Authentifizierungsmechanismus für kontrolliertem Zugriff. Da es für die lokale Bereitstellung konzipiert ist, garantiert es vollständige Datenschutz und Unabhängigkeit von externen KI-Anbietern. Die Plattform verfügt über ein modernes Next.js-Frontend und ein Python-FastAPI-Backend, die alle in einem Docker-Container für optimierte Verwaltung bereitgestellt werden. Sie ist ideal für Forscher, Juristen, Unternehmen und Institutionen, die einen KI-gestützten Dokumentenassistenten benötigen, um Erkenntnisse aus umfangreichen PDF-Sammlungen zu gewinnen und dabei die volle Kontrolle über ihre Daten behalten.

    ReactNext.jsTypescriptPythonFastAPIDockerSupabase
  • Angebotsnummer-Generator
    Full Stack

    Angebotsnummer-Generator

    Dieses Projekt ist eine Webanwendung zur Verwaltung und Genehmigung von Angebotsnummern. Benutzer mit entsprechenden Berechtigungen können neue Angebotsnummern erstellen, während andere diese genehmigen müssen. Das System verfügt über eine sichere Authentifizierung und unterstützt verschiedene Benutzerrollen zur Steuerung des Verwaltungs- und Genehmigungsprozesses. Die Anwendung wurde mit Next.js entwickelt und verwendet Supabase als Datenbank, was eine moderne, skalierbare und sichere Lösung für Unternehmen bietet.

    ReactNext.jsTypescriptSupabaseDocker
  • Nabelink
    Mobile

    Nabelink

    Eine gemeinschaftsbasierte Flutter-Anwendung, die Nachbarn miteinander verbindet, um sich bei alltäglichen Aufgaben und Bedürfnissen gegenseitig zu helfen. Nabelink ist eine mobile Anwendung, die entwickelt wurde, um Gemeinschaftsverbindungen zu fördern, indem Benutzer sowohl Hilfe anfordern als auch anderen in ihrer Nachbarschaft Unterstützung anbieten können. Ob es darum geht, Möbel zu bewegen, einen Hund auszuführen oder Küchenutensilien auszuleihen, Nabelink macht es einfach, sich mit Nachbarn zu verbinden und eine stärkere Gemeinschaft aufzubauen.

    OpenStreetMapFlutterFirebaseDart

Bildung & Berufserfahrung

Mein akademischer Werdegang und mein berufliche Laufbahn.

2017 - 2020

Abitur

Technisches Gymnasium Backnang

Spezialisierung auf Informatik

Mit Auszeichnung abgeschlossen. Die Hauptfächer umfassten Informatik, Mathematik und Chemie.

2020 - 2024

Bachelor of Science Informatik

Hochschule für Technik Stuttgart

Spezialisierung auf Software Engineering mit Schwerpunkt auf Webtechnologien und Anwendungsentwicklung.

Mit Auszeichnung abgeschlossen und zweimal für den Novatec-Förderpreis in Anerkennung herausragender Leistungen nominiert. Bachelorarbeit zum Thema 'Analyse von Smartphones und Laptops im Hinblick auf ökologische und ökonomische Kriterien für nachhaltige Technologieentscheidungen' in Zusammenarbeit mit der Tagueri AG. Kernkurse: Fortgeschrittene Algorithmen, Datenbanksysteme und Softwarearchitektur.

2022 - 2023

Praktikum - IT-Abteilung

Tagueri AG

Während meines Studiums arbeitete ich als Praktikant in der IT-Abteilung mit Schwerpunkt auf Netzwerkadministration und Support.

Während meines Studiums hatte ich die großartige Gelegenheit, ein Praktikum bei der Tagueri AG zu absolvieren, wo ich praktische Erfahrungen in der IT-Administration und im Support sammeln konnte. Ich konnte mein theoretisches Wissen vertiefen und Einblicke in die tägliche Arbeit einer IT-Abteilung gewinnen.

2023

Werkstudent - IT-Abteilung

Tagueri AG

Nach meinem Praktikum setzte ich meine Tätigkeit bei der Tagueri AG fort, diesmal mit Fokus auf die Entwicklung interner Tools und Support.

Nach meinem Praktikum wurde mir eine Werkstudentenstelle bei der Tagueri AG angeboten, wo ich meine praktischen Kenntnisse hauptsächlich im Bereich der Entwicklung von Webanwendungen weiter vertiefen konnte. Ich konnte an verschiedenen Projekten arbeiten und das Team bei der täglichen Arbeit unterstützen.

2024 - 2025

Werkstudent - KI-Kompetenzzentrum

Tagueri AG

Tätigkeit als Werkstudent im KI-Kompetenzzentrum, mit Fokus auf die Entwicklung interner Tools und POCs im Bereich KI.

Nach Abschluss meines Bachelorstudiums wurde mir zu meiner Freude eine weitere Werkstudentenstelle bei der Tagueri AG angeboten. Ich durfte das Team wechseln, was wirklich aufregend war, und ich konnte an einigen erstaunlichen Projekten im Bereich KI arbeiten. Ich konnte das Team mit meinem Wissen über Webtechnologien und verteilte Systeme unterstützen, was eine großartige Gelegenheit für mich war.

2024 - today

Master of Science Informatik

Hochschule Aalen

Fortgeschrittenes Studium im Bereich Software Engineering und Künstliche Intelligenz.

Voraussichtlicher Abschluss im Jahr 2025. Derzeit arbeite ich an meiner Masterarbeit am Deutschen Forschungszentrum für Künstliche Intelligenz (DFKI) zum Thema 'Erweiterung eines klinischen Gangdaten-Repositorys für interaktive Videodatenunterstützung'. Kernkurse: Fortgeschrittenes Software Engineering, Predictive Analytics und App-Entwicklung.

Kontakt

Haben Sie ein Projekt im Sinn oder möchten Sie Möglichkeiten der Zusammenarbeit ausloten? Ich würde mich freuen, von Ihnen zu hören.

Sagen Sie Hallo

Kontaktieren Sie mich in den sozialen Medien oder über das Formular. Ich bin immer bereit, neue Projekte und Möglichkeiten zu besprechen.

Verfügbarkeit

Derzeit verfügbar für Vollzeitpositionen und Freiberufliche Projekte.

Schnelle Antwort

Ich antworte in der Regel innerhalb von 24-48 Stunden auf Nachrichten.

Nachricht senden

Teilen Sie Ihre Projektdetails oder Anfragen mit und ich melde mich in Kürze bei Ihnen.