🏆
ACHIEVEMENT GET!
Visited the site
// Colombo, Sri Lanka — server status: ONLINE — freelance slots open

Spawn something solid.
Mine out the bugs.

I design and build interfaces that feel effortless, then stress-test them the way an attacker would. One player, two skill trees — development and ethical hacking, levelling up in the same world.

START A QUEST VIEW PORTFOLIO →
SKILL BAR
💻Frontend — React / JS
🧱Backend — Node / Express
🎨UI/UX — Figma
🛡️Security — OWASP
🌐Networking — Recon
🐳DevOps — Docker
Crafting table

Three skill trees, one build.

Every project can be crafted as a single service, or combined into one full pipeline design, build, and hardened, start to finish.

🧱

WEB & APP
DEVELOPMENT

Full-stack builds with Node.js, React and clean architecture from marketing sites to dashboards with real backends and auth.

REQUIRES:
  • Business & portfolio websites
  • Full-stack apps (Node/Express)
  • API integrations & deployment
🎨

UI/UX & BRAND
DESIGN

Interfaces designed in Figma and shipped in code bold layouts and motion that hold up on every screen size.

REQUIRES:
  • Product & landing page design
  • Design systems & prototyping
  • Motion & micro-interactions
🛡️

CYBERSECURITY &
ETHICAL HACKING

Practical security passes grounded in OWASP methodology the same lens I use to review my own builds before they ship.

REQUIRES:
  • OWASP Top 10 web audits
  • Network scanning & recon
  • Vulnerability reporting
Inventory

Selected work live builds.

A few shipped items each one deployed and usable right now, not a mockup. Hover a slot for details.

AIR DRAWER
Air Drawing Studio
Hands-free sketching — webcam hand-tracking turns finger gestures into draw, erase and move actions, processed locally.
◆ LIVE — click to open
📄
DOKIRA
Dokira — PDF Toolkit
All-in-one PDF editor — merge, split, compress, convert, watermark and password-protect files, client-side.
◆ LIVE — click to open
🚀
NEBULA SIEGE
Nebula Siege
Wave-based arcade space shooter on HTML5 Canvas, with an overdrive thrust mechanic and synthesized sound effects.
◆ LIVE — click to open
🔍
SCANLINE
Scanline — SEO Audit
Reads a site the way a crawler does — titles, meta, headings, structured tags — and returns a fix list.
◆ LIVE — click to open
SORCERER
HAND CTRL
Sorcerer Hand Control
Doctor Strange-inspired gesture controller — palms, pinches and peace signs trigger mandala, portal and lightning VFX.
◆ LIVE — click to open
Quest log

How a project runs.

A short, predictable sequence no scope surprises along the way.

01

SCOPE & AUDIT

We define what the site or app needs to do, and I flag any existing security gaps if we're working with something live.

02

DESIGN

Wireframes and a visual direction in Figma, reviewed with you before a single line of production code is written.

03

BUILD

Front end and back end built in parallel, with staged previews so you can watch it take shape.

04

HARDEN & SHIP

A security pass against common attack vectors, then deployment and a short handover so you're not locked to me afterward.

⬛ Docker
🟦 React
🟩 Node.js
⬜ Express
🟪 Figma
🟨 Python
🟥 PHP
💠 SQL
⬛ Kali Linux
🔺 Nmap
⬛ Docker
🟦 React
🟩 Node.js
⬜ Express
🟪 Figma
🟨 Python
🟥 PHP
💠 SQL
⬛ Kali Linux
🔺 Nmap
Trading post

Have a site to build, or one to check?

Tell me what you're working on, I'll reply with scope and a rough timeline within a couple of days.

✉ TRADE — SEND MESSAGE didulagamagee@gmail.com