Open for AI-Native & Fullstack Roles|
const developer = {
name: "Niecki Tehrany Azad",
role: "Fullstack Webentwicklerin",
focus: "Moderne Webanwendungen",
};

Frontend-Entwickler und Grafikdesigner mit Fokus auf moderne Webanwendungen.

Fullstack Webentwicklerin

about-me.tsx — portfolio
about-me.tsx×
12345678910111213141516
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
>TypeScript JSXUTF-8
Ln 1, Col 1Spaces: 2

Selected work / 13

Ideen. Systeme.
Digitale Produkte.

Von interaktiven Lernwelten bis zu komplexen Plattformen. Ein Einblick in meine Arbeit.

NumaDesk
01 / FEATUREDIn Entwicklung

NumaDesk

Eine Plattform für Dienstleistungsbetriebe mit mehreren Kunden und Standorten. Getrennte Datenmodelle für Plattformverwaltung und Betrieb bilden die Grundlage für Mitarbeitende, Leistungen und Abonnements. Konzeption, UX/UI-Design und die gesamte technische Umsetzung habe ich eigenständig mit Unterstützung von KI-Werkzeugen übernommen.

Next.jsTypeScriptPrismaPostgreSQLVibe Coding · AI-assisted
Runevis
02 / FEATUREDPrototyp

Runevis

Eine Lernplattform zum Lesen und Schreiben auf Persisch. Interaktive Buchstaben, Schreibübungen und Audio machen die persische Schrift Schritt für Schritt zugänglich. Die Oberfläche unterstützt Deutsch, Englisch und Persisch. Konzeption, UX/UI-Design und die gesamte technische Umsetzung habe ich eigenständig mit Unterstützung von KI-Werkzeugen übernommen.

JavaScriptHTMLCSSUXRTLVibe Coding · AI-assisted
TerminPro
03 / FEATUREDIn Entwicklung

TerminPro

Eine Plattform für Praxisorganisation mit Oberflächen für Termine und Patienten sowie Modulen für Zahlungen und Rechnungen. Das Produktkonzept erweitert die Verwaltung um KI-gestützte Empfangsprozesse. Konzeption, UX/UI-Design und die gesamte technische Umsetzung habe ich eigenständig mit Unterstützung von KI-Werkzeugen übernommen.

Next.jsTypeScriptPrismaNextAuthStripeVibe Coding · AI-assisted
AufgabenReady — Web-App
04 / PROJECTPilotprojekt

AufgabenReady — Web-App

AufgabenReady begann als UX/UI-Projekt in Figma: eine gemeinsame Lernumgebung für Schüler und Lehrkräfte mit eigenem Design-System, Aufgabenübersicht, Prüfungsplanung und Kommunikation. Auf Grundlage dieses Entwurfs entsteht die responsive Web-App mit Kalender, Notizen und Klassenchat. Eine öffentliche Demo zeigt drei Rollen; die Anbindung realer Schulen befindet sich im Pilotbetrieb.

Next.jsReactTypeScriptFigmaUXUINeon PostgreSQLNeon AuthVercel
AufgabenReady
05 / PROJECT

AufgabenReady

AufgabenReady ist eine in Figma konzipierte EdTech-App, die Schülern und Lehrern eine zentrale Plattform für Hausaufgaben, Prüfungen und Kommunikation bietet. Das Projekt zeichnet sich durch ein eigenes Design-System, ein intelligentes Arbeiten-Monitoring mit Farbleitsystem und eine interaktive Fragen-Antwort-Sektion aus. Es deckt den gesamten Workflow der schulischen Organisation ab – vom Aufgaben-Tracking bis zur Notenverwaltung.

figmaUXUI
TaskFlow
06 / PROJECT

TaskFlow

TaskFlow ist eine moderne Task-Management-App und mein erstes Next.js-Projekt, das elegantes Glassmorphism-Design mit einer robusten Architektur vereint. Tech-Stack: Entwickelt mit Next.js, TypeScript, Tailwind CSS und Prisma ORM. Kern-Features: Interaktives Kanban-Board und ein Dashboard mit Produktivitäts-Statistiken. Herausforderung: Transformation von KI-Entwürfen in eine saubere, modulare Komponenten-Struktur. Ergebnis: Ein vollständig responsives UI, das zeigt, wie modernes Design und skalierbarer Code Hand in Hand gehen.

next.jsHTMLtailwind
digitale Hasuaufgabe App
07 / PROJECT

digitale Hasuaufgabe App

Digitale Hausaufgaben-App ist ein umfassendes UX/UI-Projekt (UI 1), das Schülern hilft, ihren Schulalltag digital zu meistern. Basierend auf Nutzerfeedback von Schülern, umfasst die App Funktionen wie Aufgabenverwaltung, Prüfungscountdowns und Lehrerkommunikation. Das Projekt demonstriert den gesamten Designprozess von der Datenlogik über User Flows bis hin zu den finalen Wireframes in Figma.

UXUIfigma
weather-app-react
08 / PROJECT

weather-app-react

Meine erste React-App nutzt die OpenWeather API, um Standort-basiert oder per Suche detaillierte Wettervorhersagen zu liefern. Neben technischen Features wie der Celsius/Fahrenheit-Umschaltung zeichnet sich das Projekt durch KI-generierte und mit Photoshop bearbeitete Visuals aus. Die App kombiniert Datenpräzision mit intelligenten Nutzerhinweisen für Kleidung und Sicherheit.

reactcssHTMLJS
Tunecraft
09 / PROJECT

Tunecraft

Tunecraft ist eine umfassende digitale Plattform für traditionelle persische Musik. Das Projekt vereint ein interaktives Kurs-System, einen spezialisierten Online-Shop für handgefertigte Instrumente sowie einen Community-Bereich für Events. Mit einem Fokus auf authentisches UX-Design wurde die gesamte Reise vom Figma-Prototyp bis zur funktionalen WordPress-Webseite realisiert.

UXfigmawordpress
StrideOne - Nachhaltige Sneaker
10 / PROJECT

StrideOne - Nachhaltige Sneaker

StrideOne ist ein vollständig CMS-basiertes Webflow-Projekt für eine nachhaltige Sneaker-Marke. Die Plattform präsentiert Turnschuhe aus recycelten Materialien durch ein dynamisches Layout. Ein Highlight sind die KI-generierten Visuals, die speziell für dieses Brand-Konzept erstellt wurden. Das Projekt demonstriert die effiziente Nutzung von Webflow-Datenbanken für den modernen E-Commerce.

WebflowAICMS
die-blaulen-Reiter
11 / PROJECT

die-blaulen-Reiter

Die blauen Reiter ist ein responsives Webprojekt für ein interdisziplinäres Kunsthaus, umgesetzt mit HTML5 und CSS3. Die Seite präsentiert Künstler, Events und eine Galerie in einem eleganten, barrierefreien Design. Durch ein modulares Layout und gezielte Media Queries bietet die Plattform eine optimale User Experience auf Desktop und Mobile, unterstützt durch eine klassische Typografie und ein durchdachtes Farbkonzept.

HTMLcss
weather-app-JS
12 / PROJECT

weather-app-JS

Meine erste JavaScript-Webapplikation, die Echtzeit-Wetterdaten über die OpenWeatherMap API liefert. Das Projekt demonstriert den sicheren Umgang mit ES6+, asynchroner Programmierung (Fetch), LocalStorage für Favoriten und einem responsiven Design inklusive Dark Mode. Ein modularer Code-Aufbau sorgt für Stabilität und Performance auf allen Endgeräten.

APIHTMLcssJS
Movie App
13 / PROJECT

Movie App

Movie Explorer ist eine moderne React-Applikation, die es Nutzern ermöglicht, eine umfangreiche Filmdatenbank zu durchsuchen. Das Projekt nutzt eine dynamische API-Anbindung, bietet umfangreiche Filter- und Suchoptionen und besticht durch ein elegantes Dark-Mode-Design. Gehostet auf Vercel, demonstriert es fortgeschrittene Kenntnisse in Frontend-Entwicklung und API-Management.

reactJStailwind

Skills

Frontend & Frameworks

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Tailwind CSS

Design & UX

  • Figma
  • UX/UI Design
  • Design Systems
  • Responsive Design
  • Photoshop
  • Webflow
  • WordPress

Backend & Tools

  • Node.js
  • REST APIs
  • Prisma
  • PostgreSQL
  • Supabase
  • Neon
  • Git / GitHub
  • Vercel

AI & Development

  • Vibe Coding
  • AI-assisted Development
  • AI Agent Workflows

Lassen Sie uns zusammenarbeiten

Hamburg
017643482046
Niecki.tehrany@gmail.com
E-Mail senden