MehranHatami

Frontend- und Full-Stack-Entwickler für moderne interaktive Web-Erlebnisse

0+Jahre Lernen & Bauen
0+Technologien
0+Projekte
0+Kundenreife Systeme
Vendrix — im produktiven Einsatz, keine Demo

Eine vollständige Commerce-Plattform mit eigenem Quellcode und eigener Lizenz

Vendrix umfasst drei Komponenten unter einer Lizenz: Shopfront, Admin-Backoffice mit sechs Rollen und eine mobile Begleit-App — installierbar auf Ihrer eigenen Domain, mit direktem Support durch den Entwickler.

  • Web + Mobile inklusive
  • Lizenz für eine Domain
  • Saisonale Theme-Pakete
  • Updates & Support

Pläne ab 299 €/Monat

PanelFull
Mehran Hatami
Zuverlässig
Detailorientiert
Kreativ
Technisch versiert

Über mich

Von der IT-Ausbildung zu cineastischen Web-Erlebnissen

Ich bin Mehran Hatami, IT-Absolvent mit einer Leidenschaft fürs Web. Mein Fokus liegt auf modernen, schnellen, animierten und vollständig responsiven Web-Anwendungen.

Neben der Optik lege ich großen Wert auf SEO, Performance und Nutzererlebnis — eine schöne Seite zählt nur, wenn sie schnell lädt und gefunden wird.

IT-Hintergrund

Solide Grundlagen in Netzwerken, Systemen und Software durch mein IT-Studium.

Frontend-Entwicklung

Ich baue schnelle, responsive und animierte Oberflächen mit React und Next.js.

Full-Stack-Systeme

Sichere Backends und Authentifizierung mit Prisma, PostgreSQL und NextAuth.

Vertrags- & Lizenzplattformen

Systeme für Auftragsannahme, digitale Vertragsunterschrift und Lizenzverwaltung.

Fähigkeiten

Technologien, mit denen ich täglich arbeite

ReactAufbau moderner, komponentenbasierter Benutzeroberflächen
Next.jsFull-Stack-React-Framework mit Routing und SSR
Tailwind CSSUtility-first-Styling für schnelle, skalierbare UIs
TypeScriptSicheres, wartbares, stark typisiertes JavaScript
JavaScriptKernsprache für dynamische, interaktive Web-Anwendungen
WordPressFlexible CMS-Entwicklung und Anpassung
PrismaTypsicheres ORM für moderne Datenbank-Workflows
PostgreSQLZuverlässiges relationales Datenbankdesign und Abfragen
NextAuthAuthentifizierungsabläufe, Sessions und geschützte Routen
HTMLSemantische Struktur für barrierefreie Webseiten

Portfolio

Eine Auswahl meiner Projekte

Cinematic Portfolio Plattform

Diese Website — ein One-Page-Portfolio mit cineastischer Animation, mehrsprachig und mit echtem Kundenportal.

Next.jsTypeScriptTailwind CSSanimejs

Vertrags- & Digitale-Signatur-System

Versionierte Verträge mit digitaler Unterschrift von Kunde und Admin, finalisiert als signierter Datensatz.

Next.jsPrismaPostgreSQLNextAuth
Demo folgt in Kürze

Lizenzverwaltungs-Dashboard

Status, Ablaufdaten und autorisierte Domains für jede verkaufte Lizenz.

Next.jsPrismaPostgreSQL
Demo folgt in Kürze

Business-Website

Eine schnelle, leicht verwaltbare Unternehmenswebsite auf WordPress.

WordPressCSSJavaScript
Demo folgt in Kürze

RTL-E-Commerce-Landingpage

Eine vollständig rechts-nach-links ausgerichtete Shop-Landingpage für persischsprachige Kunden.

Next.jsTailwind CSSTypeScript
Demo folgt in Kürze

Admin-Dashboard-UI

Ein Management-Dashboard für Aufträge, Kunden und Projektstatus.

ReactNext.jsTailwind CSS
Demo folgt in Kürze

Neuestes auf GitHub

Alle Repositories auf GitHub ansehen

Ausgewählte Fallstudien

Ein genauerer Blick auf Problem, Lösung und Ergebnis

Sicheres Kundenportal

Problem

Kunden hatten keine einfache Möglichkeit, Aufträge zu erteilen oder den Fortschritt zu verfolgen.

Lösung

Ein Portal mit Registrierung, rollenbasierter Authentifizierung und Auftragsformular.

Ergebnis

Kunden erteilen Aufträge jetzt direkt, ganz ohne Telefonat.

Next.jsNextAuthPrismaPostgreSQL

Papierlose digitale Verträge

Problem

Papierverträge waren langsam zu unterschreiben und schwer zu versionieren.

Lösung

Ein digitales Signatursystem mit Versionsverlauf und PDF-Export.

Ergebnis

Die Vertragsabwicklung sank von Tagen auf Minuten.

Next.jsPrismaDigital SignaturesPDF Export

Eine cineastische Personenmarke

Problem

Eine einfache, statische Seite hielt die Aufmerksamkeit der Besucher nicht.

Lösung

Ein mehrschichtiges, animiertes und erzählerisches Erlebnis mit animejs.

Ergebnis

Eine einprägsame, hochwertig wirkende Personenmarke.

Next.jsanimejsTailwind CSSnext-intl

Was Kunden sagen

Feedback von Menschen, für die ich Produkte und Shops gebaut habe.

Verifying revalidatePath fires on create without a server restart.

L

Live Revalidate Author

Ablauf

Von der Idee bis zum Launch, Schritt für Schritt

Discovery

Verstehen von Zielen, Zielgruppe und Rahmenbedingungen.

UI/UX-Planung

Seitenstruktur und Nutzerführung vor dem ersten Code.

Frontend-Entwicklung

Umsetzung der Oberfläche mit React und feiner Animation.

Backend/API

Datenbank, Authentifizierung und APIs mit Prisma und PostgreSQL.

Tests & SEO

Prüfung von Performance, Zugänglichkeit und Sichtbarkeit.

Launch & Support

Go-Live mit Support nach der Übergabe.

Vorschau des Kundenportals

Jeder Auftrag, verfolgbar von der Anfrage bis zur Unterschrift

Als Kunde registrieren

Konto in Sekunden erstellen.

Projektauftrag einreichen

Projektumfang, Budget und Frist übermitteln.

Vertrag erstellen

Ein formeller Vertrag wird aus deinem Auftrag erstellt.

Digital unterschreiben

Direkt im Portal digital unterschreiben.

PDF herunterladen

Die finale, unterschriebene Vertragskopie erhalten.

Projekt verfolgen

Projektstatus in Echtzeit verfolgen.

Lizenzverwaltung

Lizenzstatus und Ablaufdatum einsehen.

Ein von mir entwickeltes Produkt

Mehr als Kundenprojekte: eine eigenständige Plattform

Ich habe eine vollständige Commerce- und Lizenzverwaltungsplattform für Modeshops entwickelt — mit saisonalen Themes, Bestellabwicklung und Telegram-Anbindung. Hier ein genauerer Blick auf die Funktionen.

Blog

Notizen zu moderner Webentwicklung, Bewegung und Nutzererlebnis

Frontend-Entwicklung

Cineastische Oberflächen mit Next.js und animejs bauen

Wie man die serverseitige Architektur von Next.js mit animejs kombiniert, um bewegungsreiche Oberflächen zu bauen, die schnell, zugänglich und SEO-freundlich bleiben.

Next.jsAnime.jsMotion Design
4 Min. Lesezeit
Artikel lesen
SEO

Mehrsprachiges SEO in Next.js mit next-intl

Ein praktischer Leitfaden, um mit next-intl eine vollständig übersetzte, suchmaschinenfreundliche Website auszuliefern — inklusive Locale-Routing, hreflang-Tags und RTL-Unterstützung.

Next.jsnext-intlSEO
3 Min. Lesezeit
Artikel lesen
UI-Engineering

Moderne Dashboards mit Tailwind CSS und TypeScript gestalten

Muster für Admin-Dashboards, die auch in großem Maßstab wartbar bleiben — typisierte Datenverträge, komponierbare Tailwind-Bausteine, semantische Farbe und eine klare Grenze zwischen Server- und UI-State.

Tailwind CSSTypeScriptDashboards
6 Min. Lesezeit
Artikel lesen

Lass uns in Kontakt bleiben

Folge mir oder schreib mir direkt

Bereit für etwas Erstklassiges?

Lass uns deine Idee in ein echtes Webprodukt verwandeln.