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

Demo

Nala-AI

Nala-AI ist ein Projekt zur KI gestützten Gewässerüberwachung. Das System nutzt intelligente Sonden zur Echtzeit-Datenerfassung und ermöglicht präventives Wassermanagement. Die Webanwendung wurde mit Vue.js, Nuxt.js & FastAPI entwickelt. Für das Deployment kam Firebase Hosting (Frontend) und Google Cloud Platform mit Cloud Run (Backend) zum Einsatz.

Demo | Beitrag


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.


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. Zur sicheren Authentifizierung wurde Microsoft Entra ID (SSO) integriert, wobei die Authentifizierung über das Microsoft Authentication Library (MSAL) realisiert wurde