Eine Übersicht meiner Projekte mit Frameworks wie Nuxt.js und Angular

OPG-Seite

Die Website wurde mit Vue.js und Nuxt.js umgesetzt. Bei der “OPG” handelt es sich um ein rein fiktives Unternehmen. Das Projekt entstand ursprünglich im Rahmen eines Auftrags. Ich habe das Konzept anschließend überarbeitet und erweitert, um daraus ein vollständiges Beispielprojekt für mein Portfolio zu machen. Für die Wireframes und Mockups wurde Figma verwendet

Snippet Library

Im Rahmen des Projekts wurde eine zentrale Webplattform zur Verwaltung von Code-Snippets konzipiert und umgesetzt. Dabei erfolgte die Entwicklung des Frontends mit Angular, wobei besonderer Wert auf eine responsive und benutzerfreundliche Oberfläche gelegt wurde. Das Backend wurde mit FastAPI implementiert und an eine MySQL-Datenbank angebunden, um eine effiziente und strukturierte Datenhaltung zu gewährleisten. Zur sicheren Authentifizierung wurde Microsoft Entra ID (SSO) integriert, wobei die Authentifizierung über das Microsoft Authentication Library (MSAL) realisiert wurde

microscroll

Es wurde eine interaktive Webanwendung mit Nuxt 3 und Vue 3 entwickelt. Zur Generierung von Zusammenfassungen, Quizzen und Lernkarten kam die Gemini API zum Einsatz. Eine zentrale Funktion der Anwendung ist die Segmentierungslogik, die längere Texte in scrollbare, thematisch abgegrenzte Abschnitte unterteilt. Ergänzt wird dies durch eine kontextbezogene Chat-Funktion, die ebenfalls die Gemini API nutzt und sowohl pro Segment als auch bezogen auf die Originalquelle verwendet werden kann