Projekt 07 · LIVE

Dilekçem

Ein serverloses Tool, das komplett im Browser läuft: Problem wählen, ein paar Fragen beantworten, und sofort erscheint ein formelles Schreiben. Es lässt sich als PDF, Word oder Text laden; wo, bis wann und mit welchen Unterlagen der Antrag zu stellen ist, steht gleich daneben.

VORLAGEN
18 Vorlagen, 4 Kategorien
ROLLE
Design und Entwicklung
STACK
React · TypeScript · Vite
STATUS
Live
dilekcem.beraekimci.com.tr
VerbraucherBehördenPersonenbezogene DatenArbeit & Schule
TASLAK
Fallstudie

Problem, Ansatz, Belege.

1

Problem

Ein Schreiben aufzusetzen lässt sich kaum davon trennen, herauszufinden, bei welcher Stelle, innerhalb welcher Frist und mit welchen Unterlagen man sich meldet. Die meisten fertigen Texte sind verstreut, ihre Fristen veraltet, und sie verlangen, dass man Name, Anschrift und Ausweisnummer auf einem fremden Server eingibt.

2

Ansatz

Alles läuft im Browser: Eingaben werden nirgends hin gesendet. Die Texte entstehen in reinen Funktionen, unabhängig von der Oberfläche. Fristen, Geldgrenzen und Gesetzesartikel stehen nicht im Code, sondern in Datendateien mit Quellen-URL und Prüfdatum; was sich nicht belegen ließ, trägt das Etikett „Prüfen“.

3

Belege

Live gemessen: Lighthouse 95 mobil, 99–100 auf Desktop (Barrierefreiheit 100, SEO 100); LCP 2,6 s mobil, 0,7 s auf Desktop; Layout-Verschiebung 0. 248 Unit- und Komponententests, 40 PDF/Word-Tests und 112 End-to-End-Tests; ein Netzwerk-Datenschutztest schlägt fehl, sobald auch nur eine Anfrage an eine fremde Domain geht oder Eingaben des Nutzers enthält.

Werkzeuge

Vom Problem zum Schreiben.

TEIL 01
Vorlagen

Verbraucher, Behörden, personenbezogene Daten, Arbeit und Schule: 18 fertige Schreiben, von der Abokündigung bis zur Datenschutzauskunft, vom Einspruch gegen ein Bußgeld bis zur Kündigung.

TEIL 02
Ausgaben

A4-PDF (eingebettete türkische Schrift), Word, reiner Text und Druck; alles auf dem Gerät erzeugt.

TEIL 03
Wohin, bis wann?

Jede Vorlage zeigt die zuständige Stelle, Fristen, Geldgrenze, nötige Unterlagen und eine Fristerinnerung für den Kalender (.ics).

TEIL 04
Antragsweg

Ein kurzer Entscheidungsbaum führt zur passenden Vorlage; optionale Entwürfe bleiben nur auf diesem Gerät.

Architektur

Daten getrennt vom Code.

01
Datendateien
mit zod validiertes JSON
02
Validierung
aus amtlichen Quellen; Unbelegtes wird markiert
03
Statisches HTML
jede Seite wird vorab erzeugt
04
Edge
über Cloudflare ausgeliefert

↑ Was Sie eingeben, verlässt das Gerät nicht; ein Netzwerktest prüft das bei jeder Änderung.

NÄCHSTES PROJEKT

Lassen Sie uns das nächste Projekt gemeinsam machen.

Schreiben Sie mir zu einem Projekt, einer Zusammenarbeit oder einem technischen Gespräch. Im Schnitt antworte ich innerhalb von 24 Stunden.