Back to the galaxy

01 Web development

Websites & appsthat earn their keep.

Fast, secure and easy to run. Marketing sites, web apps and small products like the QR menus below — hand-built, tested on real phones, and handed over with an admin panel your team can actually use.

▶ Try the live QR menus See how it’s built ↓

Live client workkeysoninsaat.compergas-tejarat.comelariscommunity.com

0+
projects shippedsites, apps & tools
0
average Lighthouseperformance score
0.9%
uptime deliveredmonitored 24/7
0
years shippingsince 2020
Scroll

02 Anatomy of a product

FIVE LAYERS. ONE BUILDER.

Scroll to take a website apart. Most projects pass each layer to a different team. I build all five, so nothing gets lost between them.

  1. L5
    Interface

    What people see and touch — tuned to feel instant on every phone.

    HTML · CSS · motion · accessibility
  2. L4
    Components

    Reusable building blocks, so the next page takes hours, not weeks.

    React · Vue · design tokens
  3. L3
    API & logic

    Rules, logins and live updates between the screen and the data.

    Node.js · REST · WebSockets
  4. L2
    Data

    Clean models, safe migrations and backups — your data stays yours.

    PostgreSQL · Redis · Prisma
  5. L1
    Infrastructure

    Servers, TLS, deploys and monitoring that alert me before you notice.

    Docker · Nginx · CI/CD

03 Live product · QR menus Working demo

SCAN. TAP. UPDATE LIVE.

Five real menus, ready to scan. A fine-dining restaurant, two cafés and two bars — each with its own brand, photo-real 3D dishes and drinks, and an owner portal where prices, dishes and “sold out” change on every phone within seconds.

Scan with your phone

…

Edit it live in the Owner Portal → Open menu ↗
  1. ScanAny phone camera opens the menu — no app, no login.
  2. Tap a dishIt turns in 3D. Add to the order, show it to the server.
  3. Change it liveEdit a price or mark “sold out” in the portal — every phone updates.
  • Live owner portalAdd, edit, reorder and remove dishes and categories; upload photos.
  • Real-timeChanges reach every open menu in about 2.5 seconds.
  • Built for phonesTested from a 360 px Android to an iPad; dark-mode brands.
  • Safe by designEvery field validated server-side; uploads checked and size-limited.

Pick a phone size to test the layout

04 More things I build

FOUR MORE, ALL LIVE.

Click around — none of these are screenshots.

01 · Websites & landing pages

Sites that load before you blink

Conversion-first marketing sites, hand-built and tuned to score 95+ on Lighthouse on real phones.

  • SEO-ready, semantic HTML, sub-second loads
  • From 320 px phones to ultrawide, dark-mode aware
  • Analytics and A/B hooks from day one
Next.jsAstroTailwindVanilla
northwind.dev 98

◆ Northwind

Ship features,
not infrastructure.

Push to deploy in seconds. Previews for every branch.

Start free →

Fine dining · Dresden

A table awaits
at Maison d’Or.

Seasonal tasting menus from the morning’s market.

Reserve →

Lena Ward — designer

Brand, product
& motion.

Selected work 2021 – 2026. Open to new projects.

See work →

02 · Web applications

Dashboards people open every day

SaaS platforms, admin portals and internal tools — role-based, real-time and built to grow.

  • Auth, billing, dashboards and CRUD — the full stack
  • Live data, websockets, optimistic UI
  • Typed end to end, tested, CI/CD on every push
ReactNodePostgresRedis

Overview last 30 days · live

€48.2kRevenue
2,940Active users
+18%Growth

Conversion funnel 4.8% to paid

Visitors · 61,200Sign-ups · 25,700Trials · 11,020Paid · 2,938

Recent sign-ups

  • EKElena KovačActive
  • JMJonas MeyerActive
  • ARAmir RahimiTrial
  • STSofia TorresActive

03 · Digital business card

One tap, saved to their phone

A shareable card with a QR and a real “Save contact” button. No app, works on every phone, always up to date.

  • Real vCard download — try “Save contact”
  • QR and NFC-tap ready
  • Change your details once, every link follows
vCardNFCWallet passes
Dan RiddleFull-Stack Developer · Riddle Codingriddlecoding.com · tap to flip ⟳

Contact

EDaanriddle@gmail.com

Wriddlecoding.com

LDresden · remote

04 · Link-in-bio portal

Everything behind one link

A mini-site for creators and brands: socials, shop, booking and the latest drop — themeable in a tap, with click stats.

  • Unlimited links, scheduling and click analytics — tap a link to count
  • Custom themes and domains — try the dots
  • Video, music, store and calendar embeds
PWAThemesAnalytics
DR
Dan Riddle@riddlecoding

Full-stack developer building fast, secure web products.

Portfolio & work0Get in touch0Riddle Coding store0

05 How we work together

FROM FIRST CALL TO LAUNCH.

A typical business website takes four to six weeks. You always know what happens next, and you see real progress every week.

  1. Week 1Discover

    A call, a clear scope and a fixed quote — no surprises later.

  2. Week 1–2Design

    Wireframes, then a clickable prototype you can try on your own phone.

  3. Week 2–5Build

    Weekly previews on a private staging link. You see progress, not promises.

  4. Launch dayLaunch

    Deploy, speed and security checks, analytics — and a short training for your team.

  5. After launchCare

    Updates, backups and monitoring. Small changes done the same week.

06 AI-augmented engineering

AI DRAFTS, A HUMAN SHIPS.

Faster, not careless. AI is woven through the pipeline to design faster, catch more bugs and build smarter features — and every line is reviewed before it reaches production.

01

AI-assisted design

Moodboards, copy variants and layout exploration in minutes — then refined by hand so the result feels crafted.

02

Pair programming

Copilots take the boilerplate, migrations and test scaffolding, leaving the hours for architecture and edge cases.

03

Smart features

Search, support agents and recommendations powered by LLMs + RAG, grounded in your own data.

04

AI-driven QA

Automated review, accessibility and security passes flag issues before launch — a human makes the call.

The guardrail: nothing reaches production without code review, automated tests and a security pass. Customer data is never used to train third-party models, and AI features run with prompt-injection and output-validation safeguards.

07 Capabilities

THE STACK

The right tool, not the newest one. Hover a track to light up its orbit.

Inner orbit · Frontend

Interfaces & experience

Accessible, fast interfaces with motion that serves the content — from static sites to 3D scenes like the ones on this page.

Middle orbit · Backend & data

APIs, logic & storage

Clean APIs with validation at the edge, sensible data models and payments that reconcile.

Outer orbit · DevOps

Ship, scale & observe

Docker everywhere, zero-downtime deploys, monitoring and backups you can actually restore.

08 Security · OWASP-aligned

SECURE BY DEFAULT.

A03

Input validation & XSS

Every input validated server-side — like the QR API above. Output encoding and a strict Content-Security-Policy shut down injection.

A07

Auth & access control

Hashed credentials, MFA-ready logins and least-privilege roles on every endpoint.

A02

Encryption everywhere

TLS in transit, encryption at rest, secrets in a vault — never in the code.

A06

Dependency scanning

Automated checks on every build; dependencies pinned, audited and patched on a schedule.

A04

Rate limits & abuse

Per-IP and per-user limits, bot detection and WAF rules against brute force and scraping.

A09

Monitoring & backups

Structured logs, real-time alerts and encrypted backups with tested restores.

GDPR-conscious data handlingHTTPS & HSTSSecurity headers A+Pen-test friendly

09 Contact Open to full-stack roles · Dresden / remote

Let’s build something
people don’t log off from.

Daanriddle@gmail.com
Discord ↗ GitHub ↗ Tebex ↗ Docs ↗ About me →