Project 07 · LIVE

Dilekçem

A serverless tool that runs entirely in the browser: pick your problem, answer a few questions and a formally worded petition appears instantly. It downloads as PDF, Word or plain text, with where, when and with which documents to apply right beside it.

TEMPLATES
18 templates, 4 categories
ROLE
Design and development
STACK
React · TypeScript · Vite
STATUS
Live
dilekcem.beraekimci.com.tr
ConsumerPublicPersonal dataWork & school
TASLAK
Case study

Problem, approach, evidence.

1

Problem

Writing a petition is hard to separate from finding out which authority to apply to, within how many days and with which documents. Most ready-made texts are scattered, their deadlines outdated, and they make you type your name, address and national ID number into someone else's server.

2

Approach

Everything runs in the browser: input is never sent anywhere. Texts are produced by pure functions independent of the interface. Deadlines, monetary limits and law articles live in data files that carry a source URL and a verification date instead of in code; anything that could not be verified shows a "Needs verification" badge.

3

Evidence

Measured live: Lighthouse 95 on mobile, 99–100 on desktop (accessibility 100, SEO 100); LCP 2.6 s on mobile, 0.7 s on desktop; layout shift 0. 248 unit and component tests, 40 PDF/Word tests and 112 end-to-end tests; a network-privacy test fails if even one request goes to another origin or carries what the user typed.

Tools

From problem to petition.

PART 01
Templates

Consumer, public, personal data, work and school: 18 ready petitions, from cancelling a subscription to a data-protection request, from contesting a traffic fine to a resignation.

PART 02
Outputs

A4 PDF (embedded Turkish font), Word, plain text and print; all produced on the device.

PART 03
Where and when?

Every template shows where to apply, the deadlines, the monetary limit, the documents needed and a deadline reminder you can add to your calendar (.ics).

PART 04
Application path

A short decision tree leads you to the right template; optional drafts are kept only on this device.

Architecture

Data lives apart from code.

01
Data files
JSON validated with zod
02
Validation
from official sources; unverifiable items are flagged
03
Static HTML
every page is pre-generated
04
Edge
served from Cloudflare

↑ What you type never leaves the device; a network test verifies this on every change.

NEXT PROJECT

Let's do the next one together.

Write to me about a project, a collaboration or a technical chat. I reply within 24 hours on average.