-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
178 lines (161 loc) · 10.8 KB
/
Copy pathindex.html
File metadata and controls
178 lines (161 loc) · 10.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
---
layout: default
title: "About — nitrocode"
description: "About nitrocode — Full Stack Engineer with roots in QA, DevOps, and Security."
---
<!-- Header -->
<header class="pt-32 pb-16 px-6 border-b border-slate-800">
<div class="max-w-3xl mx-auto">
<p class="font-mono text-sky-400 text-sm mb-3 tracking-widest uppercase">Who I am</p>
<h1 class="text-4xl sm:text-5xl font-extrabold mb-4">About</h1>
</div>
</header>
<main class="py-20 px-6">
<div class="max-w-3xl mx-auto">
<!-- Bio -->
<section class="mb-16">
<p class="text-lg text-slate-300 leading-relaxed mb-5">
I'm a <strong class="text-slate-100">Full Stack Engineer</strong> who started in QA,
moved through test automation, software development, full stack engineering, DevOps/SRE,
and security, and came out the other side having been on every side of the wall.
</p>
<p class="text-lg text-slate-400 leading-relaxed mb-5">
That journey means I've personally shipped the feature, written the tests that caught
the regression, built the pipeline that deployed it, managed the incident when it
broke, and hardened the system after the post-mortem. I understand how decisions made
on one side of the stack ripple into consequences on another.
</p>
<p class="text-lg text-slate-400 leading-relaxed mb-5">
I bring security thinking into every phase of the product lifecycle, not as a final
audit, but as a design constraint from day one. Systems I build are observable,
testable, and defensible.
</p>
<p class="text-lg text-slate-400 leading-relaxed">
I leverage AI tooling to move faster across the full stack, from rapid prototyping
to code review to infrastructure automation. It's a force multiplier, not a
replacement for engineering judgment.
</p>
</section>
<!-- Career Arc -->
<section class="mb-16">
<h2 class="text-2xl font-bold mb-8">Career arc</h2>
<div class="relative border-l border-slate-700 pl-8 space-y-10">
<div class="relative">
<div class="absolute -left-10 top-1 w-4 h-4 rounded-full bg-sky-500 border-2 border-slate-950"></div>
<p class="font-mono text-sky-400 text-xs mb-1 uppercase tracking-widest">Start</p>
<h3 class="text-lg font-semibold mb-1">QA Engineering</h3>
<p class="text-slate-400 text-sm">Learned to break things before users do. Developed a systematic approach to failure modes, edge cases, and regression testing. Built the habit of questioning every assumption.</p>
</div>
<div class="relative">
<div class="absolute -left-10 top-1 w-4 h-4 rounded-full bg-sky-500 border-2 border-slate-950"></div>
<h3 class="text-lg font-semibold mb-1">Test Automation</h3>
<p class="text-slate-400 text-sm">Moved from manual testing to building automated test frameworks and CI pipelines. Wrote code to validate code, which demanded thinking like a developer while keeping a QA mindset.</p>
</div>
<div class="relative">
<div class="absolute -left-10 top-1 w-4 h-4 rounded-full bg-sky-500 border-2 border-slate-950"></div>
<h3 class="text-lg font-semibold mb-1">Software Developer</h3>
<p class="text-slate-400 text-sm">Crossed to the other side of the wall. Built backend services and APIs. Understood what it feels like to have a QA team file bugs against your code, and designed to prevent them.</p>
</div>
<div class="relative">
<div class="absolute -left-10 top-1 w-4 h-4 rounded-full bg-sky-500 border-2 border-slate-950"></div>
<h3 class="text-lg font-semibold mb-1">Full Stack Development</h3>
<p class="text-slate-400 text-sm">Expanded into frontend (React, component systems, responsive UIs). Developed intuition for how UI decisions affect backend load and how backend design shapes user experience.</p>
</div>
<div class="relative">
<div class="absolute -left-10 top-1 w-4 h-4 rounded-full bg-sky-500 border-2 border-slate-950"></div>
<h3 class="text-lg font-semibold mb-1">DevOps / SRE</h3>
<p class="text-slate-400 text-sm">Infrastructure as code, CI/CD pipelines, container orchestration, observability, and on-call. Learned what breaks at 3 AM and how to build systems that don't.</p>
</div>
<div class="relative">
<div class="absolute -left-10 top-1 w-4 h-4 rounded-full bg-sky-500 border-2 border-slate-950"></div>
<h3 class="text-lg font-semibold mb-1">Security Engineering</h3>
<p class="text-slate-400 text-sm">AppSec, DevSecOps, threat modeling, policy as code, SAST/DAST. Shifted security left, not as a gatekeeper, but as a collaborator who had already been on every other side of the table.</p>
</div>
<div class="relative">
<div class="absolute -left-10 top-1 w-4 h-4 rounded-full bg-violet-500 border-2 border-slate-950"></div>
<p class="font-mono text-violet-400 text-xs mb-1 uppercase tracking-widest">Now</p>
<h3 class="text-lg font-semibold mb-1">Full Stack (all of it)</h3>
<p class="text-slate-400 text-sm">Combining everything: I can own a feature from spec to deploy to security review to on-call runbook. Having been on every side of the wall means I know how to build systems that work for everyone.</p>
</div>
</div>
</section>
<!-- Values -->
<section class="mb-16">
<h2 class="text-2xl font-bold mb-8">How I work</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
<div class="bg-slate-900 border border-slate-800 rounded-xl p-5">
<h3 class="font-semibold mb-2">Critical thinking first</h3>
<p class="text-slate-400 text-sm">I question requirements before writing code. The best solution is often a simpler problem.</p>
</div>
<div class="bg-slate-900 border border-slate-800 rounded-xl p-5">
<h3 class="font-semibold mb-2">Build it, prove it</h3>
<p class="text-slate-400 text-sm">Concrete trumps theoretical. When a question is disputed, I build the minimal proof of concept.</p>
</div>
<div class="bg-slate-900 border border-slate-800 rounded-xl p-5">
<h3 class="font-semibold mb-2">Security as a feature</h3>
<p class="text-slate-400 text-sm">Security isn't a final audit. It's a design constraint from day one.</p>
</div>
<div class="bg-slate-900 border border-slate-800 rounded-xl p-5">
<h3 class="font-semibold mb-2">Own the full lifecycle</h3>
<p class="text-slate-400 text-sm">I'm comfortable owning a feature from spec to deploy to on-call runbook.</p>
</div>
<div class="bg-slate-900 border border-slate-800 rounded-xl p-5">
<h3 class="font-semibold mb-2">Test before it ships</h3>
<p class="text-slate-400 text-sm">QA roots mean I think about failure modes while I'm writing the feature, not after. Testability is a design concern.</p>
</div>
<div class="bg-slate-900 border border-slate-800 rounded-xl p-5">
<h3 class="font-semibold mb-2">Empathy across the wall</h3>
<p class="text-slate-400 text-sm">I've been QA, dev, ops, and security. I understand the friction between teams because I've felt it from every side.</p>
</div>
</div>
</section>
<!-- CTA -->
<section class="bg-slate-900 border border-slate-700 rounded-2xl p-8 text-center">
<h2 class="text-xl font-bold mb-3">Want to work together?</h2>
<p class="text-slate-400 text-sm mb-6">I'm open to senior engineering and staff roles. Let's talk.</p>
<a href="https://github.com/nitrocode" target="_blank" rel="noopener"
class="inline-flex items-center gap-2 bg-sky-500 hover:bg-sky-600 text-white font-semibold px-6 py-3 rounded-lg transition-colors text-sm">
Find me on GitHub →
</a>
</section>
<!-- Outside of work -->
<section class="mt-16 mb-16">
<h2 class="text-2xl font-bold mb-8">Outside of work</h2>
<div class="flex flex-wrap gap-3 text-sm">
<span class="bg-slate-900 border border-slate-800 rounded-full px-4 py-2 text-slate-300">🚲 Biking</span>
<span class="bg-slate-900 border border-slate-800 rounded-full px-4 py-2 text-slate-300">🧩 Puzzles (Sudoku, Kakuro, Wordle, Nerdle, Hanjie…)</span>
<span class="bg-slate-900 border border-slate-800 rounded-full px-4 py-2 text-slate-300">📚 Reading (books, Hacker News, RSS feeds)</span>
<span class="bg-slate-900 border border-slate-800 rounded-full px-4 py-2 text-slate-300">🏙️ Code for Boston</span>
<span class="bg-slate-900 border border-slate-800 rounded-full px-4 py-2 text-slate-300">🌽 Code for Nebraska</span>
<span class="bg-slate-900 border border-slate-800 rounded-full px-4 py-2 text-slate-300">👨👩👧 Family time</span>
<span class="bg-slate-900 border border-slate-800 rounded-full px-4 py-2 text-slate-300">📵 Trying to get people off social media</span>
</div>
</section>
<!-- Favorite quotes -->
<section class="mb-16">
<h2 class="text-2xl font-bold mb-8">Guiding principles</h2>
<div class="space-y-6">
<blockquote class="border-l-4 border-sky-500 pl-5">
<p class="text-slate-300 italic mb-1">"The important thing is not to stop questioning."</p>
<footer class="text-slate-500 text-sm">— Albert Einstein</footer>
</blockquote>
<blockquote class="border-l-4 border-sky-500 pl-5">
<p class="text-slate-300 italic mb-1">"Done is better than perfect — because perfect never gets done."</p>
<footer class="text-slate-500 text-sm">— Sheryl Sandberg</footer>
</blockquote>
<blockquote class="border-l-4 border-sky-500 pl-5">
<p class="text-slate-300 italic mb-1">"Don't reinvent the wheel, just realign it."</p>
<footer class="text-slate-500 text-sm">— Anthony J. D'Angelo</footer>
</blockquote>
<blockquote class="border-l-4 border-sky-500 pl-5">
<p class="text-slate-300 italic mb-1">"Feedback is the breakfast of champions."</p>
<footer class="text-slate-500 text-sm">— Ken Blanchard</footer>
</blockquote>
<blockquote class="border-l-4 border-sky-500 pl-5">
<p class="text-slate-300 italic mb-1">"Unwritten words are forgotten."</p>
<footer class="text-slate-500 text-sm">On codifying decisions and documentation.</footer>
</blockquote>
</div>
</section>
</div>
</main>