Zum Inhalt springen
Majd Kalthoum

Majd Kalthoum

Fullstack-Entwickler in Berlin

Hallo, ich bin Majd. Ich entwickle Webanwendungen von Anfang bis Ende: React und TypeScript im Browser, Node.js und Laravel auf dem Server.

Zuletzt habe ich RTM gebaut, einen Echtzeit-Messenger mit Live-Tippanzeige und Online-Status. Es ist das erste Projekt weiter unten.

Offen für eine Festanstellung in Berlin oder remote

Kontakt aufnehmenGitHub
Porträt von Majd Kalthoum

Was ich gebaut und veröffentlicht habe

Alle Repositories auf GitHub

RTM

Ein Echtzeit-Messenger

Einzel- und Gruppenchats, die sich live aktualisieren: Tippanzeige, Lesebestätigungen, Online-Status und Reaktionen, ganz ohne Neuladen. Eine Laravel-API mit WebSocket-Server steht hinter einer App in React 19 und TypeScript.

  • React 19
  • TypeScript
  • TanStack Query
  • Tailwind v4
  • Laravel
  • Reverb + Echo
  • Redis
  • PostgreSQL
  • Docker
Live ansehenFrontend-CodeBackend-Code
  • Laravel Reverb liefert Nachrichten, Tippanzeige und Online-Status live aus; Redis hält diesen kurzlebigen Zustand, damit er nie die Hauptdatenbank berührt.
  • Gruppenrollen mit Befördern, Zurückstufen und Aktionen nur für Admins. Wer eine Gruppe verlässt, kann den Verlauf bis dahin weiter lesen.
  • PostgreSQL-Volltextsuche über den gesamten Nachrichtenverlauf und private, kurzlebige signierte URLs für Anhänge.
  • Sanctum-Cookie-Sessions, Anmeldung mit Google und ein vollständiger Ablauf zum Zurücksetzen des Passworts per E-Mail.
  • Helles und dunkles Design, Tastaturbedienung und Live-Regionen für Screenreader.
  • 128 Backend-Tests mit Pest, CI und automatische Deployments ohne Ausfallzeit auf Docker Compose in der Oracle Cloud.
RTM auf dem Desktop: ein Gruppenchat mit geteiltem PDF, einem Bild mit Reaktionen und dem Bereich mit GruppeninfosRTM auf dem Smartphone: die Chatliste mit ungelesenen Nachrichten und einer Live-Tippanzeige

Designo

Eine CMS-gesteuerte Agentur-Website

Eine Agentur-Website mit sieben Seiten, bei der jede Seite, jedes Menü und jede Beschriftung in Strapi gepflegt wird, statt fest im Code zu stehen. Redakteure setzen jede Seite aus wiederverwendbaren Abschnitten zusammen.

  • Next.js 15
  • React 19
  • TypeScript
  • SCSS + Bulma
  • Framer Motion
  • Strapi 4
  • SQLite
  • Docker
  • Caddy
  • GitHub Actions

Das visuelle Design stammt aus einer Frontend-Mentor-Challenge. Umsetzung, CMS-Einrichtung und Deployment sind meine eigene Arbeit.

Live ansehenFrontend-CodeBackend-Code
  • Zehn Abschnittstypen, gerendert über eine einzige Catch-all-Route in Next.js.
  • Die Seiten sind statisch und werden alle zwei Minuten aktualisiert. Fällt die API aus, bleibt die letzte funktionierende Version online.
  • Die Kontakt-API prüft, begrenzt und maskiert Eingaben und nimmt 5 Anfragen pro 15 Minuten und IP an.
  • Strapi 4 ist abgesichert: Eine Middleware blockiert Filterabfragen auf Admin-Felder, und ungenutzte Auth-Endpunkte werden bei jedem Start geschlossen.
  • Ein Push auf master deployt über GitHub Actions und wartet auf einen gesunden Container. SQLite wird täglich gesichert.

Berufserfahrung

  1. 04/2025 – heute

    Freiberuflich und eigene Projekte

    Fullstack-Webentwicklung

    • Entwicklung von RTM, einer Echtzeit-Chat-Anwendung mit Laravel-REST-API und einem Frontend in React und TypeScript.
    • Authentifizierung und Autorisierung mit Laravel Sanctum sowie Social Login über OAuth2 mit Laravel Socialite.
    • Echtzeitfunktionen mit Laravel Reverb und Echo, inklusive Live-Tippanzeige und Redis-basierter Präsenzanzeige.

  2. 06/2023 – 03/2025

    Aleks & Shantu GmbH

    Fullstack-Webentwickler, Berlin

    • Entwicklung und Optimierung von Webanwendungen mit React, Next.js, TypeScript, Node.js und der WordPress-REST-API.
    • Interaktive Animationen und dynamische UI-Elemente mit Framer Motion; responsive Umsetzung nach Prototypen und Styleguides.
    • Barrierefreie Frontends nach WCAG, Anbindung externer APIs und laufende Weiterentwicklung im agilen Team.

  3. 09/2021 – 05/2022

    Radscheit GmbH (happycoding)

    Fullstack-Webentwickler, Berlin

    • Websites mit React (Gatsby) und WordPress als Headless-CMS.
    • Theming und Wartung von WordPress-Seiten mit PHP, SCSS und JavaScript sowie eigene PHP-API-Schnittstellen.
    • Performance-Optimierung, Code-Reviews und Konzeption neuer Features mit den Design- und Marketingteams.

  4. 05/2021 – 07/2021

    Jobvector GmbH

    Praktikum Webentwicklung, Düsseldorf

    • Frontend-Umsetzungen und UI-Anpassungen mit Vue.js und Nuxt, darunter ein Dashboard zur Darstellung von Incidents.
    • Testing, Bugfixing und Release-Vorbereitung in einem testgetriebenen CI/CD-Prozess.

Womit ich arbeite

Jedes Werkzeug mit dem Ort, an dem ich es eingesetzt habe.

Frontend

  • React und TypeScriptRTM, Designo, Aleks & Shantu
  • Next.jsDesigno, Aleks & Shantu
  • Tailwind CSS und SCSSRTM, Designo, Radscheit
  • Motion (Framer Motion)Diese Website, Designo, Aleks & Shantu
  • Vue.js und NuxtJobvector
  • Barrierefreiheit (WCAG)RTM, Aleks & Shantu

Backend und Echtzeit

  • Laravel und PHPRTM, Radscheit
  • Laravel Reverb und EchoRTM
  • Node.jsAleks & Shantu
  • REST-APIsRTM, Designo, Radscheit
  • Sanctum und Google OAuthRTM
  • Strapi und Headless-WordPressDesigno, Radscheit, Aleks & Shantu

Daten, Tests und Deployment

  • PostgreSQLRTM, mit Volltextsuche
  • RedisRTM
  • Pest und VitestRTM
  • Docker Compose und CaddyRTM, Designo
  • GitHub ActionsRTM, Designo
  • VercelDiese Website, RTM, Designo

Außerdem gearbeitet mit: React Native, Angular, Python und Django, GraphQL, Socket.io, JWT, MySQL, Gatsby, GitLab

Sie suchen einen Fullstack- oder Frontend-Entwickler?

Ich bin offen für eine Festanstellung in Berlin oder remote. Am schnellsten erreichen Sie mich per E-Mail, und ich stelle Ihnen gern jedes der Projekte oben im Detail vor.

Wohnort
Berlin
Sprachen
Deutsch (C1), Englisch (C1), Arabisch (Muttersprache)
Kalthoum_7@outlook.de
LinkedInGitHubLebenslauf