Back to the galaxy

02 Live in production

REFERENCE WORK

Real clients, real traffic. Three projects that are online right now — each recorded from its own code, with what I built and how.

keysoninsaat.com · Kadıköy, Istanbul · Construction

Keyson İnşaat

DesignThree.jsFrontendHosting

Visit live site ↗

Scroll and the building rises. An Istanbul construction company that turns risky old buildings into earthquake-safe homes. The homepage tells that story literally: a 3D city where their apartment block is built stage by stage as you scroll.

Client
Keyson İnşaat — urban-transformation builder in Kadıköy since 2014
Goal
Look as solid as the buildings they make, and win trust before the first phone call
My part
Design, 3D scene, frontend, Turkish/English build, deployment and hosting
  • Three.js city scene with soft shadows; seven stages from the old at-risk building and its demolition to the finished handover, with live elevation, floor count and progress
  • GSAP ScrollTrigger scrubbed over a pinned scroll sequence, plus reveal and parallax effects
  • Turkish / English switch, project pages, WhatsApp and map contact, KVKK privacy page
  • Cloudflare Pages with a strict Content-Security-Policy, HSTS and long-term image caching
Three.jsGSAP ScrollTriggerHTML · CSS · JSCloudflare Pages

pergas-tejarat.com · Tehran · Solar energy retail

Pergas Tejarat

BackendAdmin panelLive chatDeployment

Visit live site ↗

A shop that answers back. A Persian (right-to-left) store for solar panels, inverters and batteries. Customers browse the catalogue, ask questions in a live chat, and request quotes; the team handles everything from one admin panel.

Client
Sood Pargas Tejarat — solar equipment seller and power-plant installer
Goal
Turn a static catalogue into a store that collects leads and talks to customers
My part
Backend: API, database, admin panel, live support chat, security and Docker deployment. Frontend design by team ilex.
  • Node.js + Express API with a SQLite database; product and article catalogue with categories, search and clean Persian URLs
  • Live support chat for visitors, answered from the admin panel
  • Admin panel for contact requests, registered customers and chat threads
  • Helmet security headers, rate limits, input validation, bcrypt passwords and JWT sessions; refuses to start in production without real secrets
  • Docker + Nginx deployment, generated sitemap and SEO data
Node.jsExpressSQLiteJWT · bcryptHelmetDockerNginx

elariscommunity.com · FiveM roleplay community · EN / FA

Elaris Community

Full stackDesignOperationsFiveM integration

Visit live site ↗

One platform, three audiences. A cinematic public site for players, a portal where members apply and open tickets, and a staff portal that runs the whole community — permissions, content, reviews and an audit trail.

Client
Elaris RP — FiveM roleplay server where I’m Manager & Developer
Goal
Replace scattered Discord forms with one place for players and staff
My part
Everything: design, frontend, backend, database, FiveM login resource, hosting
  • Public site with GSAP scroll storytelling, three.js embers, events with RSVP, forum, wiki, store and search — in English and Persian (RTL)
  • Multi-step applications with autosaved drafts, review queue with notes and decisions, support desk
  • Ranks with a per-permission matrix, form builder with versioning, page builder, audit log
  • Re-authentication for risky actions, rate limits, hashed passwords; the same account logs into the game server through a custom Lua resource
Next.js 16React 19TypeScriptTailwind v4PostgreSQLDrizzleRedisVitest · PlaywrightDocker · CaddyLua

All recordings come from local builds of each project’s code with demo accounts and sample data — no real customer data is shown. Elaris’ 3D ember effect is left out of its recording.

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

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

Daanriddle@gmail.com