Seite wird geladen …
Seite wird geladen …
Websites, Shops & Apps
Hi, ich bin Khaled. Ich entwickle Websites, Onlineshops und Anwendungen für Web, Smartphone und Mac – von der Oberfläche bis zum Backend. Ich begleite Projekte von der ersten Idee bis zur Veröffentlichung und betreue sie auch danach.
Contact Me
Full-Stack Developer
Entwicklung und Betreuung verschiedener Kunden-Webseiten: Einsatz von React und Next.js für dynamische Frontends, ergänzt durch Tailwind und TypeScript für eine moderne und performante Codebasis.
Serverseitige Implementierungen: Nutzung von Node.js und Express.js zur Erstellung robuster APIs, eingebunden in Firebase oder Strapi für schnelle und zuverlässige Datenhaltung.
Effizientes Prototyping und Design: Verwendung von Figma, um UI/UX-Konzepte zu entwerfen und frühzeitig abzustimmen, was den Umsetzungsprozess erheblich beschleunigt.
React
Next.js
Figma
Node.js
Express.js
Firebase
Tailwind
Typescript
Strapi
Git
Webentwicklung & Datenanalyse
Weiterentwicklung interner Webseiten: Mitarbeit an der Gestaltung und Anpassung von Oberflächen und Funktionen mit HTML, CSS und JavaScript.
Datenanalyse mit MySQL: SQL-Abfragen zur Aufbereitung und Auswertung interner Daten eingesetzt, um Informationen für die weitere Arbeit nutzbar zu machen.
Versionsverwaltung und Aufgabenorganisation: Git für die Verwaltung von Codeänderungen und Jira zur Organisation und Nachverfolgung von Aufgaben genutzt.
MySQL
JavaScript
HTML
CSS
Git
Jira
Software Engineer
Website-Anpassungen: Layouts und Funktionen mithilfe von HTML, CSS und JavaScript optimiert und Fehler behoben, um die Nutzerfreundlichkeit zu erhöhen.
Datenmanagement: MySQL-Abfragen und Excel-Auswertungen eingesetzt, um Logistikdaten übersichtlich aufzubereiten und verständlich zu präsentieren.
Automatisierung von Abläufen: Python-Skripte entwickelt, die wiederkehrende Aufgaben bei der Datenverarbeitung und -analyse beschleunigen.
HTML
CSS
Bootstrap
JavaScript
MySQL
Excel
Git
Linux
Python
Java
Frontend Developer
Entwicklung und Pflege von WordPress-Webseiten: Moderne UI/UX-Standards und responsive Gestaltung implementiert, um eine ansprechende und benutzerfreundliche Oberfläche zu gewährleisten.
Optimierung des Frontends: Mithilfe von HTML, CSS, JavaScript und SASS das Layout und die Ladezeiten verbessert, wodurch das Nutzererlebnis gesteigert wurde.
Anpassung an unterschiedliche Endgeräte: Responsives Design kontinuierlich ausgebaut und optimiert, um eine konsistente Darstellung auf Desktop, Tablet und Smartphone sicherzustellen.
HTML
CSS
Javascript
wordpress
Python
Figma
Sass
Git
Ich habe an mehreren Projekten für individuelle Kunden gearbeitet und dabei maßgeschneiderte Weblösungen entwickelt, die auf modernen Technologien wie React, Next.js, Node.js und Firebase basieren. Mein Fokus liegt darauf, Webseiten und Anwendungen zu gestalten, die sowohl optisch ansprechend als auch funktional und benutzerfreundlich sind.
Ein Einblick in meine Arbeit – von Unternehmenswebsites über Web-Apps bis zu nativen Anwendungen.
Mobile Web-App · Sport-Community
Fußball, Basketball und Volleyball auf deinem Smartphone
Eine für Smartphones optimierte Sport-App für Fußball, Basketball und Volleyball. Über eine übersichtliche Sportauswahl finden Spieler passende Termine, buchen ihren Platz und rücken bei vollen Spielen über Wartelisten nach. Spiele, Statistiken und Belohnungen werden für jede Sportart getrennt geführt. Spielerprofile, Ranglisten und Bewertungen ergänzen die Community. Die mehrsprachige Web-App unterstützt Deutsch, Englisch und Arabisch und lässt sich als PWA direkt zum Startbildschirm hinzufügen.
Next.jsReactTypeScriptTailwind CSSSupabaseTanStack Querynext-intl
Uni-Abschlussprojekt · Full-Stack Web-App
Juristische Lernkarten für Desktop und Smartphone
LexArtes entstand als universitäres Abschlussprojekt in Zusammenarbeit mit Lexmea. In der responsiven Lern-Web-App wählen Studierende Rechtsgebiete und passende Karteikartenstapel aus. Definitionen und Probleme werden durch Umdrehen der Karten gelernt; Schemata lassen sich schrittweise aufdecken. Nach jeder Antwort wird der eigene Wissensstand eingeschätzt. Spaced Repetition und Lernstatistiken unterstützen regelmäßiges Wiederholen. Vue und Spring Boot verbinden die Oberfläche mit Benutzerkonten und gespeicherten Lernständen.
Von Lexmea unter die drei besten Apps aller Projektgruppen gewählt.
Vue 3TypeScript
VuetifyTailwind CSSJava
Spring BootH2
Website · Immobilienservice
Ein digitaler Auftritt für Dienstleistungen
Eine responsive Unternehmenswebsite für Gartenpflege, Glas- und Gebäudereinigung, Hausmeisterservice und Winterdienst. Eigene Leistungsseiten, regionale Standortseiten und eine interaktive Einsatzgebietskarte helfen Besuchern, das passende Angebot zu finden. Ein Kontaktformular mit serverseitiger Prüfung und E-Mail-Versand erleichtert Anfragen. Die Umsetzung mit Next.js verbindet klare Nutzerführung mit strukturierten Daten und technischen Grundlagen für lokale Suchmaschinenoptimierung.
Next.jsReactTypeScriptTailwind CSSLeafletNodemailer
Native App · macOS
Linux-Server vom Mac aus verwalten
Eine native macOS-App, die die Verwaltung von Linux-Servern in einer verständlichen Oberfläche bündelt. Über SSH und SFTP lassen sich Dateien übertragen, Systemmetriken verfolgen sowie Dienste, Container und Websites verwalten. Unabhängige Serversitzungen, ein integrierter Editor und Backup-Funktionen unterstützen den Arbeitsalltag. Zugangsdaten werden im macOS-Schlüsselbund gespeichert; kritische Verwaltungsaktionen zeigen vorab ihre Auswirkungen.
SwiftSwiftUISwift ChartsSwiftDataSSH / SFTPmacOS KeychainMein Schwerpunkt sind Websites, Onlineshops und Apps. Dazu kommen Design, Automatisierung und die technische Betreuung nach dem Start.
Projekt besprechenIch gestalte und entwickle Websites und Shops – mit bearbeitbaren Inhalten, Warenkorb und Zahlungsanbindung. Bestehende Websites überarbeite ich und kümmere mich um Veröffentlichung und Pflege.
Unternehmenswebsites · E-Commerce · CMS
Ich entwickle Anwendungen für den Browser, iOS, Android und macOS. Dazu gehören die Oberfläche, das Backend, Datenbanken und Schnittstellen – etwa für Benutzerkonten, Rollen und Dashboards.
Web · iOS & Android · macOS · Full-Stack
Ich entwerfe Websites und App-Oberflächen in Figma und mache Abläufe als klickbare Prototypen erlebbar. Auch bestehende Designs verbessere ich oder setze sie in Code um.
Figma · Klickbare Prototypen · Design-Umsetzung
Ich entwickle Bots, die Daten auf Websites erfassen und bei neuen Ergebnissen benachrichtigen – zum Beispiel aktuelle Wohnungsangebote direkt über Telegram.
Web-Scraping · Telegram-Bots · Benachrichtigungen
Ich ergänze bestehende Websites um individuelle Funktionen im Browser – etwa Datenfilter, zusätzliche Bedienelemente, gespeicherte Einstellungen und automatische Benachrichtigungen.
Chrome · Datenfilter · Website-Erweiterungen
Ich entwickle KI-Skills für wiederkehrende Aufgaben. Zum Beispiel einen Skill, der persönliche Textproben analysiert und daraus ein Schreibstil-Profil für neue KI-Texte erstellt.
KI-Workflows · Textanalyse · Schreibassistenten
Ich bringe Websites und Anwendungen online, verbinde Domains und richte regelmäßige Backups ein. Nach dem Start übernehme ich technische Updates und Anpassungen.
Veröffentlichung · Datensicherung · Wartung
