~1.5s
Optimiert
Produktions-Kaltstart- und Ladezeit durch serverseitige Optimierung reduziert
Frontend-orientierter Full-Stack-Entwickler · Aachen, Deutschland
Adnan Al-khlaki
Junior-Full-Stack-Entwickler ansässig in Aachen mit Schwerpunkt Frontend - Entwicklung schneller, barrierefreier Webanwendungen, die echte Leistungssteigerungen bieten.
adnanalkhlaki@gmail.com
02 — Über mich
Entwicklung benutzerfreundlicher, produktionsreifer Webanwendungen.
Ich bin Junior Full-Stack-Entwickler in Aachen - Frontend ist mein Hauptfeld, aber ich gehe auch gerne tiefer ins Backend, wenn das Problem es verlangt.
Derzeit schreibe ich meine Bachelorarbeit bei der FEV Europe GmbH und schließe gleichzeitig mein Bachelorstudium der Informatik an der FH Aachen ab.
Meine Abschlussarbeit befasst sich mit der Beobachtbarkeit von GenAI - es geht darum, herauszufinden, wie man das Verhalten von LLMs in realen Systemen sichtbar und messbar machen und so nutzen kann, dass man darauf reagieren kann.
<0.2s
Optimiert
Pagination-Latenz - Prefetching im Hintergrund und Caching von bis zu 10 Seiten lässt die Navigation sofort wirken
03 — Erfahrung
Wo ich Dinge gebaut habe.
Bachelorarbeit: GenAI Observability & Monitoring
- Untersuchung praktischer Ansätze, um LLM-Pipelines in Produktion nachvollziehbar zu messen, zu bewerten und erklärbar zu machen.
- Bewertung von Observability-Werkzeuge wie Langfuse für Tracing, Latenz und Feedback-Transparenz.
- Integration von einem Telemetrie-SDK-Prototypen entwickelt und in interne Workflows.
- Entwerfen eines einheitlichen Telemetrie-Modells für Nutzungs-, Latenz- und Feedback-Signale.
Full-Stack Developer — Werkstudent (extern bei FEV)
- Optimierung einer backend-lastigen interne Review-Pipeline und Reduzierung der Analyselaufzeit durch Parallelisierung unabhängiger AI/API-Aufrufe von ~4,5 Minuten auf ~1 Minute.
- Integration von Chatbasierte Explorationsfunktionen für AI-generierte Reports und Analyseergebnisse.
- Umsetzung, weiterentwicklung und Wartung von Responsive UI-Komponenten (komplexe Stepper und proprietäre Workflows) über insgesamt 10+ interne Tools aus Praktikums- und Werkstudentenphase.
- Code-Review, Refactoring von Flask-Komponenten und Verbesserung der API-Interaktionsleistung für Analyse-Pipelines
Full-Stack Developer — Praktikum
- Umsetzung eines internen Finder-Tool end-to-end (Frontend + Backend) mit Kartenvisualisierung, erweitertem Filtering und Skeleton Loadern.
- Verkürzung der Ladezeit der Startseite von 5-9 Sekunden auf ~1,5 Sekunden durch serverseitige Paginierung und optimierte Datenverarbeitung.
- Reduzierung der Paginierungslatenz von ~1,5 Sekunden auf knapp unter 0,2 Sekunden durch clientseitige Caching- und Prefetching-Strategien.
- Timeout-Probleme durch die Verlagerung lang laufender Prüfungen in Python-Hintergrund-Threads und die Übermittlung von Fortschrittsmeldungen über WebSocket gelöst
- Dynamische Backend-Abfragen mit chunked/gestreamten Antworten für große, gefilterte Datensätze implementiert
- Entwicklung eines React-basierten Prototyps zur Bewertung von Migrationspfaden von Vanilla JavaScript.
- Unterstützung bei der Einarbeitung neuer Teammitglieder in interne Tools und Arbeitsabläufe.
04 — Projekte
Was ich gebaut habe.
Asas Power für erneuerbare Energien - Unternehmenswebsite
Eine zweisprachige Website, die Asas Powers Solarlösungen für arabische und internationale Märkte vorstellt - mit Produkten, Partnern und nahtloser Kontakterfahrung in beiden Sprachen.
↗ Impact: SEO-optimiert und blitzschnell - 99/100 Performance und 91/100 SEO Score für sofortige Auffindbarkeit in beiden Sprachen
AstroTypeScriptTailwind CSSNetlify
2026
Yafa Golden Coffee - Corporate Landing Page
Landing Page, die Yafas Geschichte für arabische und englische Sprachräume zum Leben erweckt - ohne Content-Duplikation.
↗ Impact: Zweisprachige Präsenz ohne zusätzlichen Overhead - eine Änderung aktualisiert alle Sprachversionen sofort
AstroTypeScriptTailwind CSSNetlify
2026
GenAIHub-Prototyp
React + Vite Prototyp einer internen Homepage zur Evaluierung der Migration von statischem HTML/Vanilla JS zu wiederverwendbaren Komponenten und Routing.
↗ Impact: Migrationsentscheidung abgesichert durch Beweis einer wartbaren Komponenten- und Routing-Struktur (Layouts, Breadcrumbs) für schnellere Iteration
ReactTypeScriptSCSSBootstrapFramer MotionReact Toastify
2025
Intern · FEV Europe GmbH
1 / 2
05 — Skills
Mein Toolkit.
Frontend
7 JavaScript TypeScript React HTML5 / CSS3 Tailwind CSS Bootstrap Astro
Backend
4 Python Flask Java REST APIs
Daten & Infrastruktur
5 Azure Cosmos DB PostgreSQL WebSockets Caching / Performance Concurrency
Tools & Weitere
5 Git / GitHub Netlify Linux / Bash GenAI / LLMs Agile / Scrum
Zusätzliche Kenntnisse
3 Node.js / Express Figma Docker
06 — Kontakt
Lass uns zusammenarbeiten.
Ich bin offen für Junior-Frontend- oder Full-Stack-Rollen, Freelance-Zusammenarbeit oder ein gutes Gespräch über ein sinnvolles Produkt.
Erstellt von Adnan Al-Khlaki · Aachen · 2026