---

layout: default

title: "nitrocode, Full Stack Engineer"

description: "Full Stack Engineer specializing in Backend, Frontend, Infrastructure, Security, and Scale. Building robust systems end-to-end."

---

<!-- Hero -->

<section class="min-h-screen flex flex-col justify-center px-6 pt-16">

<div class="max-w-6xl mx-auto w-full">

<p class="font-mono text-brand-400 text-sm mb-4 tracking-widest uppercase">Available for opportunities</p>

<h1 class="text-5xl sm:text-6xl lg:text-7xl font-extrabold leading-tight mb-6">

Full Stack Engineer

<span class="block gradient-text mt-1">end&#8209;to&#8209;end.</span>

</h1>

<p class="text-xl sm:text-2xl text-slate-400 max-w-2xl mb-4 leading-relaxed">

QA &middot; Automation &middot; Backend &middot; Frontend &middot; DevOps/SRE &middot; Security

</p>

<p class="text-lg text-slate-500 max-w-2xl mb-10 leading-relaxed">

I've been on every side of the wall, which means I build systems that hold up under

scrutiny from QA, ops, and security alike. I bring that breadth to every layer of

the stack, from rapid prototyping to production hardening.

</p>

<div class="flex flex-wrap gap-4">

<a href="/projects/"

class="inline-flex items-center gap-2 bg-brand-500 hover:bg-brand-600 text-white font-semibold px-6 py-3 rounded-lg transition-colors">

See my work →

</a>

<a href="/resume/"

class="inline-flex items-center gap-2 border border-slate-700 hover:border-slate-500 text-slate-300 hover:text-slate-100 font-semibold px-6 py-3 rounded-lg transition-colors">

View résumé

</a>

</div>

</div>

</section>

<!-- Skills Pillars -->

<section id="skills" class="py-24 px-6">

<div class="max-w-6xl mx-auto">

<h2 class="text-3xl font-bold mb-3">What I build</h2>

<p class="text-slate-400 mb-14 text-lg">Every layer of the stack, from day one.</p>

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">

<!-- QA & Testing -->

<div class="pillar-card bg-slate-900 border border-slate-800 rounded-2xl p-6 transition-transform duration-200">

<div class="text-3xl mb-4">🧪</div>

<h3 class="text-lg font-bold mb-3 text-slate-100">QA &amp; Testing</h3>

<ul class="space-y-1 text-sm text-slate-400">

<li>Jasmine, Siesta, mocha</li>

<li>Terratest, OPA Rego</li>

<li>Scapy (packet testing)</li>

<li>Integration &amp; E2E</li>

<li>Failure mode analysis</li>

</ul>

</div>

<!-- Backend -->

<div class="pillar-card bg-slate-900 border border-slate-800 rounded-2xl p-6 transition-transform duration-200">

<div class="text-3xl mb-4">⚙️</div>

<h3 class="text-lg font-bold mb-3 text-slate-100">Backend</h3>

<ul class="space-y-1 text-sm text-slate-400">

<li>Python (Flask, Falcon, Django)</li>

<li>Go</li>

<li>Node.js / TypeScript (koa, Hapi)</li>

<li>Java (Spring Boot)</li>

<li>REST APIs, Microservices</li>

</ul>

</div>

<!-- Frontend -->

<div class="pillar-card bg-slate-900 border border-slate-800 rounded-2xl p-6 transition-transform duration-200">

<div class="text-3xl mb-4">🎨</div>

<h3 class="text-lg font-bold mb-3 text-slate-100">Frontend</h3>

<ul class="space-y-1 text-sm text-slate-400">

<li>React / TypeScript</li>

<li>jQuery, Bootstrap</li>

<li>Tailwind CSS</li>

<li>D3.js</li>

<li>Component systems</li>

</ul>

</div>

<!-- Infrastructure / DevOps -->

<div class="pillar-card bg-slate-900 border border-slate-800 rounded-2xl p-6 transition-transform duration-200">

<div class="text-3xl mb-4">🏗️</div>

<h3 class="text-lg font-bold mb-3 text-slate-100">DevOps / SRE</h3>

<ul class="space-y-1 text-sm text-slate-400">

<li>Terraform / OpenTofu</li>

<li>AWS (EKS, ECS, Lambda, SSO, WAF…)</li>

<li>Packer, Atlantis, Spacelift</li>

<li>GitHub Actions, Buildkite, Jenkins</li>

<li>Docker, Kubernetes, Helm</li>

</ul>

</div>

<!-- Security -->

<div class="pillar-card bg-slate-900 border border-slate-800 rounded-2xl p-6 transition-transform duration-200">

<div class="text-3xl mb-4">🔐</div>

<h3 class="text-lg font-bold mb-3 text-slate-100">Security</h3>

<ul class="space-y-1 text-sm text-slate-400">

<li>OPA / Conftest / Gatekeeper</li>

<li>CloudCustodian, SCPs</li>

<li>tflint, tfsec / trivy, checkov</li>

<li>Burp Suite, SAST / DAST</li>

<li>Secrets management</li>

</ul>

</div>

<!-- Scale -->

<div class="pillar-card bg-slate-900 border border-slate-800 rounded-2xl p-6 transition-transform duration-200">

<div class="text-3xl mb-4">📈</div>

<h3 class="text-lg font-bold mb-3 text-slate-100">Scale</h3>

<ul class="space-y-1 text-sm text-slate-400">

<li>Datadog, ELK stack</li>

<li>ADRs &amp; runbooks</li>

<li>SLOs, cost optimization</li>

<li>Incident response</li>

<li>150M+ req/mo systems</li>

</ul>

</div>

</div>

</div>

</section>

<!-- Cross-discipline -->

<section class="py-16 px-6 border-y border-slate-800 bg-slate-900/40">

<div class="max-w-6xl mx-auto flex flex-col sm:flex-row items-start sm:items-center gap-6">

<div class="text-5xl">🧱</div>

<div>

<h2 class="text-xl font-bold mb-2">Every side of the wall</h2>

<p class="text-slate-400 max-w-2xl">

QA → automation → dev → full stack → DevOps/SRE → security. That full arc means

I understand the friction between teams because I've felt it from every seat.

I build systems that hold up under scrutiny from all of them.

</p>

</div>

</div>

</section>

<!-- AI -->

<section class="py-16 px-6 border-b border-slate-800 bg-slate-900/20">

<div class="max-w-6xl mx-auto flex flex-col sm:flex-row items-start sm:items-center gap-6">

<div class="text-5xl">🤖</div>

<div>

<h2 class="text-xl font-bold mb-2">AI-augmented engineering</h2>

<p class="text-slate-400 max-w-2xl">

I leverage AI tooling to move faster across the full stack, from rapid prototyping

and code review to security analysis and infrastructure automation. Not a replacement

for engineering judgment, but a force multiplier for it.

</p>

</div>

</div>

</section>

<!-- Favorite tools -->

<section class="py-12 px-6 border-b border-slate-800">

<div class="max-w-6xl mx-auto">

<p class="font-mono text-sky-400 text-xs uppercase tracking-widest mb-5">Daily tools</p>

<div class="flex flex-wrap gap-2 text-xs font-mono text-slate-400">

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">terraform</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">awscli</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">github actions</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">spacelift</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">datadog</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">pre-commit</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">Makefile</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">atmos</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">geodesic</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">vscode / github.dev</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">ADRs</span>

<span class="bg-slate-900 border border-slate-800 px-3 py-1 rounded">linters</span>

</div>

</div>

</section>

<!-- Latest from Blog -->

<section class="py-24 px-6">

<div class="max-w-6xl mx-auto">

<div class="flex items-center justify-between mb-12">

<h2 class="text-3xl font-bold">From the blog</h2>

<a href="/blog/" class="text-brand-400 hover:text-brand-300 text-sm font-medium transition-colors">All posts →</a>

</div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-6">

{% for post in site.posts limit:2 %}

<a href="{{ post.url }}"

class="group bg-slate-900 border border-slate-800 hover:border-slate-600 rounded-2xl p-8 transition-all duration-200">

{% if post.tags %}

<div class="flex flex-wrap items-center gap-2 mb-4">

{% for tag in post.tags limit:2 %}

<span class="text-xs font-mono bg-slate-800 text-brand-400 px-2 py-1 rounded">{{ tag }}</span>

{% endfor %}

</div>

{% endif %}

<h3 class="text-xl font-bold mb-3 group-hover:text-brand-400 transition-colors">

{{ post.title }}

</h3>

<p class="text-slate-400 text-sm leading-relaxed">

{{ post.description }}

</p>

<p class="mt-4 text-brand-400 text-sm font-medium group-hover:underline">Read post →</p>

</a>

{% endfor %}

</div>

</div>

</section>