-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
412 lines (375 loc) · 19.4 KB
/
index.html
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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Resume of Sam Seay - Senior Developer</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="flexboxgrid.min.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" rel="stylesheet">
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-43642455-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-43642455-3');
</script>
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<header class="cv-header">
<div class="cv-inner">
<div class="row cv-header-section">
<div class="col-xs-5 col-sm-7">
<h1>SAMUEL <strong>SEAY</strong></h1>
<h2>SENIOR FULLSTACK DEVELOPER</h2>
</div>
<div class="col-xs-7 col-sm-5">
<ul class="cv-timeline">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<strong class="cv-timeline-list-item-label">Email:</strong>
<span class="cv-timeline-list-item-value">[email protected]</span>
</div>
</li>
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<strong class="cv-timeline-list-item-label">Github:</strong>
<span class="cv-timeline-list-item-value">github.com/samueljseay</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</header>
<div class="cv-inner">
<section class="profile">
<h2>PROFILE</h2>
<div class="row">
<div class="col-xs-3">
<div class="cv-text-content">
<h3>About Me</h3>
<p>Samuel Seay</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline large">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong>I am</strong> a passionate full stack polyglot developer with a <strong>wide range</strong> of skills. I'm experienced with UI/UX, Accessibility and Single Page JavaScript frameworks,
such as React, Ember and others. I'm also <strong>experienced</strong> with back-end development in Node.js, Elixir and less recently Ruby on Rails. In recent
years I have also worked extensively with mobile development in Android and React Native.
I'm always looking to learn new things and I'm excited by new challenges.
</p>
</div>
</li>
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<h3>SKILLS</H3>
<div class="row">
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">JavaScript / TS</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 100%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">Java</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 90%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">Kotlin</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 85%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">HTML / CSS</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 100%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">Accessibility</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 85%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">Elixir / Phoenix </span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 90%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">Ruby on Rails</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 70%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">Node.js</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 90%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">PHP / WP</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 75%"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<span class="cv-progress-label">SQL</span>
<div class="cv-progress-bar">
<div class="cv-progress-bar-fill" style="width: 55%"></div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="experience">
<h2>EXPERIENCE</h2>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content">
<h3>Automattic</h3>
<p>JUNE 2020 - PRESENT</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large first">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong><a href='https://automattic.com'>Automattic</a></strong> is a distributed company working mainly on products
within the Wordpress ecosystem.
</p>
<p>
In my time at Automattic I've worked on a number of projects, including building out a single page application for
the <a href='https://dayoneapp.com/'>Day One</a> app, with TypeScript / React / Vite and Node.js backend.
</p>
<p>
I also worked extensively on the WooCommerce ecommerce plugin for Wordpress, building React / TS front-ends and extending
PHP functionality of the plugin.
</p>
<p>
More recently I've also been supporting our dev teams, by optimising our tooling using Turborepo / Webpack / Docker and other
tools to make our dev environments more reliable and to support automating release processes.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content">
<h3>Atomic Ltd</h3>
<p>MARCH 2018 - JUNE 2020</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong><a href='https://atomic.io'>Atomic.io</a></strong> was a design tooling startup when I first arrived there. We worked on a very complex React front-end with a
relatively simple Node.js backend. In my time on that project I worked on all aspects of the front and back end. I rearchitected chunks of the state
management so that we could build more advanced features. I also worked on a backend implementation that allowed us to import designs from the Figma
software tool.
</p>
<p>
After some time we pivoted away from the old product to build a more business focussed enterprise tool based on knowledge we garnered from building designer tools. This involved
the building out of several green-fields projects. Another developer and I lead the team towards microservices. The team had strong knowledge in Node.js so we built
out our backends with koa and Node.js and our infrastructure was mainly Docker based. I also built out our security approach for passwordless authentication.
</p>
<p>
After we built out the backend services, I took a lead on our SDK efforts, we needed to build developer tooling for Android, iOS and the web. We had a 2 person team
and during that time I built out our native Android SDK and a Preact based web SDK.
</p>
<p>The <strong>Android SDK</strong> has been one of the most interesting experiences during my time at Atomic. It was required that the SDK be built as an embeddable
UI framework, which meant solving some of the toughest problems I've had to solve in Android and I've learned a lot from that process.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content align-single-timeline">
<h3>Manuka Coalition</h3>
<p>JUNE 2015 - MARCH 2018</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong>Manuka Coalition</strong> is a small web development consultancy working for large
clients internationally. During my time at Manuka I've worked on Ruby on Rails, Node.js, Ember, React
and Elixir/Phoenix applications for both our external clients and internal software development.
</p>
<p>
More recently I've also had the opportunity to work on mobile applications in react-native and
Android. Android specifically has enabled me to become proficient in Java. If you would like more
detail about specific projects I've worked on then please contact me to find out more.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content align-single-timeline">
<h3>Orion Health</h3>
<p>JANUARY 2014 - JUNE 2015</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong>Advocating best practices</strong> was the hallmark of my time at Orion Health. I took a lead role
in implementing accessibility, responsive behaviour and good code architecture for their Patient Portal system
which connected patients with their clinical information. The original application was built with legacy technologies
so during my time there I pushed for an update in the technology stack that would allow us to keep up
with modern browsers including, building proof of concepts for moving from the YUI module system to es6 modules.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content align-single-timeline">
<h3>Self Employed</h3>
<p>SEPTEMBER 2013 - JANUARY 2014</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong>As a freelance developer</strong> I built web applications in Ruby on Rails but also spent a lot of time
in client side development with HTML5, CSS3 and front-end frameworks like Bootstrap.
I built some single page application games in Moodle utilising Knockout.js. I also designed the DB schema and built front-end
and back-end components for a Ruby on Rails based Education Management System.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content align-single-timeline">
<h3>NV Interactive</h3>
<p>JANUARY 2012 - SEPTEMBER 2013</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong>My core responsibilities</strong> at NV Interactive involved building .NET/MSSQL web applications. I built a faceted search
and other CRUD features for a complex Au Pair application and also built Umbraco CMS based sites with custom functionality.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content align-single-timeline">
<h3>Intergen Ltd.</h3>
<p>JANUARY 2012 - MAY 2013</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong>My first job</strong> out of college was at Intergen as a C#/ASP.NET developer. I spent
a large chunk of time there on an advanced agriculture system, that was an interactive single page
application built in <strong>Knockout.js</strong> I also built much of the HTML/CSS components
in the application (and aspects of the MVC backend as well). I pushed for our developers to get a better understanding of JavaScript as well.
</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="education">
<h2>EDUCATION</h2>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content">
<h3>Weltec Institute of Technology</h3>
<p>2011</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large first">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
<strong>Bachelor of Information Technology</strong> at the Weltec Institute of Technology.
</p>
<p>
<strong>Awards</strong>
<ul>
<li>1st in I.T. school in 1st, 3rd year of Bachelor of I.T. at Weltec Institute of Technology. (2009, 2011)</li>
<li>Top project award at Weltec Institute of Technology (2011) for developing and managing a wedding RSVP management system in MVC PHP.</li>
</ul>
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="row timeline-row">
<div class="col-xs-3">
<div class="cv-text-content align-single-timeline">
<h3>High School Certificate</h3>
<p>2001</p>
</div>
</div>
<div class="col-xs-9">
<ul class="cv-timeline single large">
<li class="cv-timeline-list-item">
<div class="cv-timeline-list-item-text">
<p>
High School Certificate in <strong>English, History, Maori, Science and Maths.</strong>
</p>
</div>
</li>
</ul>
</div>
</div>
</section>
</div>
</body>
</html>