Top Floor Design — Studio of oneTaking on work

Dani Salman

Full-stack developer, ten years in. Every floor of this building is something I designed and built end to end: storefronts with their own dashboards, a practice site with a 3D logo, a multiplayer game in a browser and an app that reads your plate.

See the work ↓ Hover a floor to call the lift
Recorded from the live builds · 1920 × 1080 · 60fps01 / 05
FL 01 · WDT Werks

A 3D GT3, washed by your scroll.

three.js, nine chapters, one per formula.

FL 02 · WDT Design

A showroom, not a grid.

Pick your Porsche and the lamps come up on it.

FL 03 · Opal Dental

A logo made of gold dust.

4,800 particles gather into a real 3D opal.

FL 04 · Fate or Fortune

A multiplayer ARPG in a browser tab.

A level 100 Winter Orb build, simulated by the server at 20 Hz.

FL 05 · ZenFast

Snap a plate, log the meal.

AI vision works out every food, its portion and macros.

(01) — The short version

I build the whole building. Storefronts with their own dashboards, partner payouts and emails that sell while the owner sleeps. A dental site whose logo assembles itself in 3D. A multiplayer game with a server that simulates every hit. A phone app that reads your plate. Design, front end, back end and infrastructure, all done by one person to one standard, from the foundations to the top floor.

(02) — Selected work

Five floors,
five systems.

( 05 )

(03) — Not just websites

The part customers never see.

A beautiful front end is half the job. The other half runs the business: dashboards the owner lives in, emails that go out on their own, and servers that stay fast under load.

(04) — What I build

Every floor of the stack.

  1. Storefronts that run the business: Stripe checkout and webhooks, accounts with magic-link sign-in, stock and backorders, trade pricing, partner programmes with monthly payouts, and the owner's dashboard to run it all.

    • Stripe
    • Accounts
    • Affiliates
    • Trade
    • Dashboards
  2. Transactional email with real design: confirmations, despatch, owner alerts, partner receipts and scheduled review requests with rewards, all from one template system.

    • Resend
    • Scheduling
    • Signed links
    • Review rewards
  3. Three.js scenes driven by scroll, custom shaders, particle logos, canvas simulations and scroll-told product stories. Every one respects reduced motion and has a fallback for phones.

    • three.js
    • GLSL
    • Canvas
    • Scroll timelines
  4. Expo and React Native apps for iOS and Android, with camera pipelines, AI vision behind Edge Functions, streaming chat, HealthKit sync and Sign in with Apple.

    • Expo
    • React Native
    • Supabase
    • AI vision
  5. Server-authoritative simulation, client prediction and reconciliation over SignalR, procedural generation, and the test, benchmark and simulation tooling that keeps it all honest.

    • C# .NET
    • SignalR
    • PixiJS
    • PostgreSQL
  6. Responsive AVIF, subsetted fonts, build-time SEO and structured data, edge hosting with real-user monitoring, and deploys that are deliberate rather than accidental.

    • Vercel
    • Core Web Vitals
    • Structured data
    • Playwright
TypeScript three.js Next.js React Native PixiJS C# .NET Supabase PostgreSQL Stripe Vercel
from the database to the last frame of motion one standard, every floor

(05) — Index

Pick a floor.