-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
517 lines (506 loc) · 29.1 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
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Kevin McCormack's Portfolio describes his
entire career from start to finish highlighting
some skills he has picked up, projects he has worked on
and companies that he has worked for.">
<link rel="stylesheet" href="styles.css">
<!-- PWA -->
<link rel="manifest" href="/manifest.json">
<!-- ios support -->
<link rel="apple-touch-icon" href="/icons/icon-96x96.png">
<meta name="apple-mobile-web-app-status-bar" content="#510275">
<meta name="theme-color" content="#510275">
<title>Kevin McCormack's Portfolio</title>
</head>
<body>
<nav id="navigation">
<ul>
<li class="polka-dot polka-dot__small" style="--primary-bg-color: #510275; --primary-link: #eee;">
<a href="#personal-details">
personal
</a>
</li>
<li class="stripe-bg" style="--primary-bg-color: #dda011; --primary-link: #eee;">
<a href="#skills">
skills
</a>
</li>
<li class="circles" style="--primary-bg-color: #84c12a; --primary-link: #eee;">
<a href="#projects">
projects
</a>
</li>
<li class="waves" style="--primary-bg-color: #2285ce; --primary-link: #eee;">
<a href="#employment-history">
employment
</a>
</li>
<li class="polka-dot" style="--primary-bg-color: #bd5900; --primary-link: #eee;">
<a href="#educational-history">
education
</a>
</li>
</ul>
</nav>
<div id="personal-details" class="polka-dot polka-dot__small" style="--primary-bg-color: #510275">
<div>
<img src="./media/IMG_2676.JPG" alt="profile picture" class="profile-img">
</div>
<div>
<h1>Kevin McCormack</h1>
<a href="https://github.com/SmevSmevson" target="_blank" rel="noopener noreferrer"><small>aka. Smev Smevson</small></a>
<div class="print-personal">
<h3>Personal Details</h3>
<ul>
<li><span>Address:</span><span>Kiba, Koto-ku,<br />Tokyo, Japan</span></li>
<li><span>Email:</span><span>kevpmac1@hotmail.com</span></li>
<li><span>Date of Birth:</span><span id="DOB">1989/12/20</span></li>
<li><span>Nationality:</span><span>Irish</span></li>
<li><span>Status:</span><span>Married</span></li>
</ul>
<h3>Language Ability</h3>
<ul>
<li><span>English:</span><span>Native</span></li>
<li><span>Japanese:</span><span>N5</span></li>
</ul>
</div>
<div id="about-me">
<strong>
Hi, I'm Kevin.
</strong>
<br />
<br />
<p>
I love to create beautiful front-end web applications for customers and end users, that want a
reactive and responsive modern front-end, so they can use a website or web application that has an
amazing user experience.
</p>
<br />
<p>
Professionally I've been working with React.js and Vue.js frameworks for the last 4 years.
I love writing SCSS/CSS creating interesting styles and components.
I've rewritten an entire application from Javascript to Typescript.
I've set up and used Sentry to monitor errors and debug front-end applications.
</p>
<br />
<p>
I've experienced consuming REST and writing and consuming GraphQL APIs and I've even built a small personal API using
Node.js Mongoose and MongoDB and work with these technologies on a daily basis. I also have experience using Google Firestore and Firebase as a noSQL
database and API.
</p>
<br />
<p>
I've used git with GitHub and BitBucket both professionally and personally for software management.
</p>
<br />
</div>
</div>
</div>
<div id="skills" class="stripe-bg" style="--primary-bg-color: #dda011">
<h2 class="section-heading text-dark">skills</h2>
<ul>
<li>
<div>JavaScript</div>
<div class="skill-bar">
<span style="left: 90%;"></span>
<span>90%</span>
</div>
</li>
<li>
<div>TypeScript</div>
<div class="skill-bar">
<span style="left: 90%;"></span>
<span>90%</span>
</div>
</li>
<li>
<div>ReactJS</div>
<div class="skill-bar">
<span style="left: 90%;"></span>
<span>90%</span>
</div>
</li>
<li>
<div>VueJS</div>
<div class="skill-bar">
<span style="left: 80%;"></span>
<span>80%</span>
</div>
</li>
<li>
<div>HTML</div>
<div class="skill-bar">
<span style="left: 100%;"></span>
<span>100%</span>
</div>
</li>
<li>
<div>CSS</div>
<div class="skill-bar">
<span style="left: 100%;"></span>
<span>100%</span>
</div>
</li>
<li>
<div>SCSS</div>
<div class="skill-bar">
<span style="left: 100%;"></span>
<span>100%</span>
</div>
</li>
<li>
<div>NodeJS</div>
<div class="skill-bar">
<span style="left: 80%;"></span>
<span>80%</span>
</div>
</li>
<li>
<div>GraphQL</div>
<div class="skill-bar">
<span style="left: 80%;"></span>
<span>80%</span>
</div>
</li>
<li>
<div>Adobe Illustrator </div>
<div class="skill-bar">
<span style="left: 80%;"></span>
<span>80%</span>
</div>
</li>
<li>
<div>Figma </div>
<div class="skill-bar">
<span style="left: 90%;"></span>
<span>90%</span>
</div>
</li>
<li>
<div>Git</div>
<div class="skill-bar">
<span style="left: 80%;"></span>
<span>80%</span>
</div>
</li>
<li>
<div>GitHub/Bitbucket</div>
<div class="skill-bar">
<span style="left: 80%;"></span>
<span>80%</span>
</div>
</li>
<li>
<div>VS Code</div>
<div class="skill-bar">
<span style="left: 100%;"></span>
<span>100%</span>
</div>
</li>
<li>
<div>BabylonJS</div>
<div class="skill-bar">
<span style="left: 60%;"></span>
<span>60%</span>
</div>
</li>
</ul>
</div>
<div id="projects" class="circles" style="--primary-bg-color: #84c12a; --primary-link: #000067;">
<h2 class="section-heading text-dark">projects</h2>
<ul>
<li>
<a href="https://corona-watch.web.app/" target="_blank" rel="noopener noreferrer">
<img class="contain" src="./media/corona_watch_logo.png" alt="corona-watch logo">
<strong>corona-watch</strong>
<div>
<span>2020</span><span>personal</span><span>front-end</span><span>react</span><span>firebase</span><span>leaflet</span>
</div>
<p>A web application that shows information about the coronavirus in Japan. The application displays
a timeline of events and a map with a prefecture breakdown of the confirmed cases.</p>
</a>
</li>
<li>
<a href="https://imyme.jp/" target="_blank" rel="noopener noreferrer">
<svg viewBox="0 0 32 32">
<title>logo-and-name</title>
<path style="fill: rgba(0, 0, 0, 0); stroke:#eee; stroke-width:.5px;"
d="M12.796,19.28838a12.2229,12.2229,0,0,0,2.44592-.2472c.22794-.04648.45112-.10116.672-.15948.2209.05832.44408.113.672.15948a12.22355,12.22355,0,0,0,2.44591.24721m-7.389-2.57646a11.079,11.079,0,0,0,4.271,2.16977,11.07914,11.07914,0,0,0,4.271-2.16977m0-.04761a8.58815,8.58815,0,0,1-1.6266-.2077,8.41843,8.41843,0,0,1-2.64443-1.0918,8.4179,8.4179,0,0,1-2.64444,1.0918,8.58805,8.58805,0,0,1-1.62659.2077m1.18338-4.86263a8.10159,8.10159,0,0,0,3.08765,3.56313,8.10158,8.10158,0,0,0,3.08761-3.563M15.939,5.02522a.02508.02508,0,0,0-.05014,0c-.63221,3.41232-4.28534,7.4347-4.28534,10.97406a4.4286,4.4286,0,0,0,4.31046,4.68843,4.4286,4.4286,0,0,0,4.31046-4.68843C20.2244,12.45991,16.571,8.43753,15.939,5.02522Z">
</path>
<path style="fill: #eee; stroke:none;"
d="M24.84281,24.70657a1.42284,1.42284,0,0,0-.36087-.92309,1.38966,1.38966,0,0,0-.87691-.4524,1.39463,1.39463,0,0,0-1.52111,1.05055,1.36958,1.36958,0,0,0,.129.98516,1.38821,1.38821,0,0,0,1.225.72637l.01956-.00012a1.69992,1.69992,0,0,0,.48358-.07429,1.312,1.312,0,0,0,.73559-.52292.19836.19836,0,0,0-.05831-.28183.20581.20581,0,0,0-.27058.085,1.03444,1.03444,0,0,1-.51582.37174,1.33494,1.33494,0,0,1-.37741.06388h-.00284a1.01954,1.01954,0,0,1-.9059-.54648,1,1,0,0,1-.101-.30086l2.21021.01365A.19124.19124,0,0,0,24.84281,24.70657ZM22.44455,24.528q.00486-.0288.01129-.05739a1.02036,1.02036,0,0,1,.98909-.78966.94223.94223,0,0,1,.1185.00741,1.02481,1.02481,0,0,1,.64345.34038.98712.98712,0,0,1,.23427.48688ZM21.028,24.425v1.47846a.20176.20176,0,0,1-.40351,0V24.38956a.67081.67081,0,0,0-.80974-.65536.68691.68691,0,0,0-.52952.68149v1.48775a.20176.20176,0,0,1-.40351,0V24.38956a.67081.67081,0,0,0-.80978-.65535.687.687,0,0,0-.52954.68155v1.48768a.20173.20173,0,0,1-.40345,0V24.42492A1.0968,1.0968,0,0,1,18.054,23.3278a1.07143,1.07143,0,0,1,1.02947.43782,1.07134,1.07134,0,0,1,1.02939-.43783A1.09687,1.09687,0,0,1,21.028,24.425Zm-4.80142-.83026L14.605,26.89023a.19634.19634,0,0,1-.35221-.17364l.57335-1.1775-1.015-1.94044a.19572.19572,0,0,1,.1734-.28642.19664.19664,0,0,1,.17872.10559l.8772,1.68822.83419-1.68491a.19622.19622,0,0,1,.352.17359Zm-3.37436.83026v1.47846a.20176.20176,0,0,1-.40351,0V24.38956a.67081.67081,0,0,0-.80974-.65536.68691.68691,0,0,0-.52952.68149v1.48775a.20175.20175,0,0,1-.4035,0V24.38956a.67081.67081,0,0,0-.80979-.65535.687.687,0,0,0-.52954.68155v1.48768a.20173.20173,0,0,1-.40345,0V24.42492a1.0968,1.0968,0,0,1,.91506-1.09712,1.07141,1.07141,0,0,1,1.02946.43782,1.07135,1.07135,0,0,1,1.02939-.43783A1.09686,1.09686,0,0,1,12.85224,24.425Zm-5.24653-.917V25.929a.181.181,0,0,1-.181.181H7.39724a.181.181,0,0,1-.181-.181V23.508a.181.181,0,0,1,.181-.181h.02743A.181.181,0,0,1,7.60571,23.508Zm.059-.90563a.25379.25379,0,1,1-.25379-.25379A.2541.2541,0,0,1,7.66475,22.60233Z"
style="fill: black; stroke: none;"></path>
</svg>
<!-- <img src="https://via.placeholder.com/150" alt=""> -->
<strong>imyme</strong>
<div>
<span>2018-2019</span><span>professional</span><span>front-end</span><span>@XShell</span><span>@Kimelab</span>
</div>
<p>A web application that matches a persons skin type to their perfect skin products. Take the
survey see your results and buy the perfect soap, oil or serum for your skin.</p>
</a>
</li>
<li>
<a href="https://isaax.io/" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 60 60">
<title>isaax_logo</title>
<g id="isaax-name" data-name="isaax-name">
<path
d="M10.62,40.38a.23.23,0,0,1-.23.23H8.94a.23.23,0,0,1-.23-.23V38.93a.26.26,0,0,1,.23-.23h1.45a.23.23,0,0,1,.23.23Zm0,2.37a.23.23,0,0,0-.23-.23H8.94a.26.26,0,0,0-.23.23v8.72a.23.23,0,0,0,.23.23h1.45a.23.23,0,0,0,.23-.23h0Z"
class="fill"></path>
<path
d="M15.11,44.77a3.9,3.9,0,0,1,1.65-.33h4a.23.23,0,0,0,.23-.23h0V42.76a.23.23,0,0,0-.23-.23h-4c-2.4,0-4.21,1.23-4.21,2.87v.44a.23.23,0,0,0,.13.21l5.7,3a.21.21,0,0,1,.1.29h0a.24.24,0,0,1-.1.1,3.81,3.81,0,0,1-1.63.33h-4a.23.23,0,0,0-.23.23h0v1.45a.23.23,0,0,0,.23.23h4c2.39,0,4.21-1.23,4.21-2.87V48.4a.26.26,0,0,0-.14-.21l-5.72-3a.21.21,0,0,1-.1-.29h0a.24.24,0,0,1,.1-.1Z"
class="fill"></path>
<path
d="M27.07,42.53h-4a.23.23,0,0,0-.23.23h0v1.45a.23.23,0,0,0,.23.23h4c1.42,0,2.29.62,2.29,1v3.44c0,.34-.87,1-2.29,1H25a.26.26,0,0,1-.23-.23V49c0-.34.88-1,2.3-1h1.3a.23.23,0,0,0,.23-.23h0V46.39a.23.23,0,0,0-.23-.23h-1.3c-2.4,0-4.21,1.23-4.21,2.87v2.45a.23.23,0,0,0,.23.23h4c2.4,0,4.2-1.24,4.2-2.87V45.4C31.28,43.76,29.47,42.53,27.07,42.53Z"
class="fill"></path>
<path
d="M37.24,42.53h-4a.23.23,0,0,0-.23.23h0v1.45a.23.23,0,0,0,.23.23h4c1.41,0,2.3.62,2.3,1v3.44c0,.34-.88,1-2.3,1H35.18a.23.23,0,0,1-.23-.23V49c0-.34.87-1,2.29-1h1.3a.23.23,0,0,0,.23-.23h0V46.39a.23.23,0,0,0-.23-.23h-1.3C34.84,46.16,33,47.39,33,49v2.45a.23.23,0,0,0,.23.23h4c2.4,0,4.21-1.24,4.21-2.87V45.4C41.45,43.76,39.64,42.53,37.24,42.53Z"
class="fill"></path>
<path
d="M51.55,51.48a.26.26,0,0,1-.23.23H49.86a.24.24,0,0,1-.23-.22h0a2.77,2.77,0,0,0-.73-2L48.2,49a.22.22,0,0,1,0-.32h0l1.22-.94a.24.24,0,0,1,.28,0l.37.29a4.53,4.53,0,0,1,1.48,3.49Zm-8.42-8.72a4.58,4.58,0,0,0,1.49,3.49l.36.27a.24.24,0,0,0,.28,0l1.23-.93a.22.22,0,0,0,0-.32h0l-.7-.53a2.84,2.84,0,0,1-.74-2h0a.22.22,0,0,0-.22-.22H43.38a.23.23,0,0,0-.23.23Zm8.18-.23H49.85a.23.23,0,0,0-.23.23h0a2.92,2.92,0,0,1-.69,1.94L44.62,48a4.63,4.63,0,0,0-1.49,3.49h0a.23.23,0,0,0,.23.23h1.46a.23.23,0,0,0,.23-.23h0a2.79,2.79,0,0,1,.73-2l4.29-3.25a4.66,4.66,0,0,0,1.48-3.49h0a.23.23,0,0,0-.23-.23Z"
class="fill"></path>
</g>
<path
d="M14.6,18a.27.27,0,0,0-.28-.08,8.61,8.61,0,0,0-6,10.59A8.88,8.88,0,0,0,9.53,31.1a.3.3,0,0,0,.22.12h0A.29.29,0,0,0,10,31l4.66-12.77A.24.24,0,0,0,14.6,18Z"
class="fill"></path>
<path
d="M18.15,26a4.78,4.78,0,0,1,4.77-4.79h.25a.3.3,0,0,0,.25-.18L27.93,8.69a.28.28,0,0,0-.18-.34h0a8,8,0,0,0-10,5.24A7.87,7.87,0,0,0,17.36,16a8.91,8.91,0,0,0,.14,1.46.61.61,0,0,1,0,.19L11.88,33.1a.29.29,0,0,0,.11.31,8.65,8.65,0,0,0,4.63,1.38h1.61a.3.3,0,0,0,.25-.18l1.63-4.49a.26.26,0,0,0-.08-.3A4.8,4.8,0,0,1,18.15,26Z"
class="fill"></path>
<path d="M25.21,26a2.3,2.3,0,1,1-2.31-2.29h0A2.28,2.28,0,0,1,25.21,26Z"
class="fill logo-eye-left"></path>
<path
d="M32.3,26a4.78,4.78,0,0,1,4.79-4.79h.23a.29.29,0,0,0,.26-.16l.54-1.48v-.06a3.45,3.45,0,0,0-2.42-4.23h0a3.41,3.41,0,0,0-2,.06h-.07a.22.22,0,0,1-.24-.2h0a8.06,8.06,0,0,0-2.86-5.3.27.27,0,0,0-.17-.06h-.07a.26.26,0,0,0-.18.16l-4.35,12a.3.3,0,0,0,.08.3,4.79,4.79,0,0,1-2.9,8.57h-.22a.33.33,0,0,0-.26.18L21.2,34.42a.3.3,0,0,0,.16.35h11a.3.3,0,0,0,.25-.18l1.63-4.49a.27.27,0,0,0-.09-.3A4.83,4.83,0,0,1,32.3,26Z"
class="fill"></path>
<path d="M37.06,23.71A2.3,2.3,0,1,0,39.35,26v0h0a2.29,2.29,0,0,0-2.27-2.29Z"
class="fill logo-eye-right"></path>
<path
d="M47.67,19.5A8.06,8.06,0,0,0,41,19.08a.22.22,0,0,0-.16.16l-1,2.67a.28.28,0,0,0,.08.3A4.79,4.79,0,0,1,37,30.79h-.23a.3.3,0,0,0-.25.18l-1.25,3.45a.26.26,0,0,0,.16.34.14.14,0,0,0,.09,0h6.58a.27.27,0,0,0,.25-.17L47.8,19.84A.26.26,0,0,0,47.67,19.5Z"
class="fill"></path>
<path
d="M50.23,21.6a.28.28,0,0,0-.21-.1h0a.27.27,0,0,0-.21.17L45.19,34.25a.29.29,0,0,0,.17.35h.14A8.12,8.12,0,0,0,51.84,25a8.23,8.23,0,0,0-1.61-3.45Z"
class="fill"></path>
</svg>
<!-- <img src="https://via.placeholder.com/150" alt=""> -->
<strong>isaax</strong>
<div>
<span>2017-2018</span><span>professional</span><span>front-end</span><span>@XShell</span>
</div>
<p>IoT deployment and management made easy. Connect your IoT devices to isaax and you can configure
it within the isaax app. isaax also makes it easy to print logs using a simple print statement
and deploy updates to your code by pushing from your repository to devices.</p>
</a>
</li>
<li>
<a href="https://gamejolt.com/games/unpredictaball/229302" target="_blank" rel="noopener noreferrer">
<img class="contain" src="./media/unpredictaball.png" alt="unpredictaball logo">
<strong>unpredictaball</strong>
<div>
<span>2017</span><span>personal</span><span>gameplay programmer</span><span>visual artist</span>
</div>
<p>Dodge-ball with a difference! A free local multiplayer game for up to 4 players that was made in
under 48 hours. Throw your ball at other players for points but don't ever expect your ball to
go straight.</p>
</a>
</li>
<li>
<a href="https://www.facebook.com/newlovegames/" target="_blank" rel="noopener noreferrer">
<img src="./media/capitalist_img.jpg" alt="capitalist logo and game image">
<strong>capitlist</strong>
<div>
<span>2016</span><span>professional</span><span>gameplay programmer</span><span>@newlove</span>
</div>
<p>1 miner adrift in space defending their haul from 3 plundering pirates. A 1 vs 3 online
multiplayer tactical shooter. Choose your class for different play styles and abilities.</p>
</a>
</li>
<li>
<a href="http://stickybaby.strikingly.com/" target="_blank" rel="noopener noreferrer">
<img src="./media/sticky_baby.png" alt="sticky baby logo">
<strong>sticky baby</strong>
<div>
<span>2013</span><span>ongoing</span><span>never
finish</span><span>personal</span><span>gameplay programmer</span><span>visual artist</span>
</div>
<p>Roll, shop, save your family! Sticky Baby is the first project by Zesty Games. Play as Baby as
you try to save enough money to go to space to save your family from aliens.</p>
</a>
</li>
</ul>
</div>
<div id="employment-history" class="waves" style="--primary-bg-color: #2285ce">
<h2 class="section-heading">recent employment</h2>
<ul>
<li>
<a href="https://synspective.com/" target="_blank" rel="noopener noreferrer">
<div>
<img src="./media/synspective_logo.png
" alt="synspective logo" class="kimelab-logo">
</div>
<strong class="job-title">Synspective: <i>Platform Engineer ( Solution platform department )</i></strong>
<strong>2022/04/01 – current</strong>
<ul>
<li>Create frontend platform and applications using react, typescript and redux toolkit</li>
<li>Use Mapbox and other libraries to display and interact various geographical data</li>
<li>Work closely with sales engineers to develop new solutions</li>
<li>Build internal tools used by our sales engineers</li>
</ul>
</a>
</li>
<li>
<a href="https://rakuten.co.jp/" target="_blank" rel="noopener noreferrer">
<div>
<img src="./media/rakuten_r_logo.png
" alt="rakuten logo" class="kimelab-logo">
</div>
<strong class="job-title">Rakuten: <i>Application Engineer ( Data science and AI department )</i></strong>
<strong>2020/04/01 – 2022/03/31</strong>
<ul>
<li>Create a frontend application using react, typescript, relay and graphql that allows internal buisnesses use different AI services</li>
<li>Create GraphQL APIs that connect to Rest APIs and query DBs</li>
<li>Set up monitoring and alerting of backend systems using Grafana</li>
<li>Training other Rakuten node js engineers in GraphQL and onboard new staff to the projects</li>
</ul>
</a>
</li>
<li>
<a href="http://kimelab.com/" target="_blank" rel="noopener noreferrer">
<div>
<img src="./media/kimelab_logo.png
" alt="kimelab logo" class="kimelab-logo">
</div>
<strong class="job-title">Kimelab: <i>Front-end Engineer</i></strong>
<strong>2019/09/09 – 2020/03/31</strong>
<ul>
<li>Add TypeScript to the application to improve development debugging</li>
<li>Mointor and reduced errors on the application using Sentry</li>
<li>Add features that allow interaction with the application and store application</li>
<li>Improve lighthouse performance score from 7 to 95</li>
</ul>
</a>
</li>
<li>
<a href="https://xshell.io/" target="_blank" rel="noopener noreferrer">
<div>
<img src="./media/xshell_logo.png" alt="xshell logo">
</div>
<strong class="job-title">XShell: <i>UX Engineer</i></strong>
<strong>2017/06/25 – 2019/09</strong>
<ul>
<li>Creating and iterating wireframes for websites and web applications</li>
<li>Making attractive marketing emails to enhance user engagement with our products</li>
<li>Front end programming using VueJS for both in-house and client projects</li>
<li>Styling components using custom CSS,SASS and Bootstrap</li>
</ul>
</a>
</li>
<li>
<a href="https://www.facebook.com/newlovegames/" target="_blank" rel="noopener noreferrer">
<div>
<img src="./media/nulove_logo.png" alt="nulove logo">
</div>
<strong class="job-title">Newlove Games: <br><i>Freelance Programmer</i></strong>
<strong>2015/11/09 – 2016/04</strong>
<ul>
<li>UI and menu programming</li>
<li>Intractable objects and Gameplay programming</li>
<li>Syncing players actions using Photon server</li>
</ul>
</a>
</li>
</ul>
<h2 class="sub-heading start-on-new-page">other employment</h2>
<ul>
<li>
<div>
<strong class="job-title">Learning Tree: <i>Pre-school and after-school English teacher</i></strong>
<strong>2013/09/20 – 2017/07</strong>
<ul>
<li>Teaching children between 3-12 years of age</li>
<li>Class size up to 18 students</li>
<li>Teaching reading, writing, phonics, speaking and Eiken classes</li>
<li>Organising and arranging school events</li>
<li>Modifying and Improving part of the school curriculum and creating new content</li>
<li>Promoted twice during employment</li>
</ul>
</div>
</li>
<li>
<div>
<strong class="job-title">Tibanne: <i>Overseas Customer support</i></strong>
<strong>2013/04 - 2013/08</strong>
<ul>
<li>Customer Support</li>
<li>Creating generic responses for customer queries</li>
<li>Checking customer identification for Anti Money Laundering procedures</li>
</ul>
</div>
</li>
<li>
<div>
<strong class="job-title">Butlers Café: <br><i>Waiter / Butler</i></strong>
<strong>2012/11 - 2013/03/14</strong>
<ul>
<li>Table preparation, food delivery, cleaning</li>
<li>Hospitality, Customer Service</li>
<li>Teaching conversational English</li>
<li>Training new staff members</li>
</ul>
</div>
</li>
<li>
<div>
<strong class="job-title">Movies@Swords: <br><i>Retail Supervisor</i></strong>
<strong>2007 - 2012</strong>
<ul>
<li>In charge of staff in retail, Stock Management and Cleaning</li>
<li>Customer Service, Staff Training, Phone enquiries/ sales</li>
<li>From 2011 I was also given the role of projectionist which also included roles such
as putting movies on in time, creating trailer blocks and projector maintenance</li>
</ul>
</div>
</li>
<li>
<div>
<strong class="job-title">C&Ts: <br><i>Shop Assistant</i></strong>
<strong>2004 - 2007</strong>
<ul>
<li>Stock Management</li>
<li>Cleaning</li>
<li>Customer Service</li>
</ul>
</div>
</li>
</ul>
</div>
<div id="educational-history" class="polka-dot" style="--primary-bg-color: #bd5900">
<h2 class="section-heading">education</h2>
<ul>
<li>
<p class="school">Dundalk Institute of Technology</p>
<strong>BSc(Hons) Comstronguting, 2.1</strong>
<div>2007 - 2011</div>
</li>
<li>
<p class="school">Coláiste Choilm CBS</p>
<strong>Leaving certificate</strong>
<div>2005 - 2007</div>
</li>
<li>
<p class="school">Coláiste Choilm CBS</p>
<strong>Junior certificate</strong>
<div>2007 - 2011</div>
</li>
</ul>
</div>
</body>
</html>
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap" rel="stylesheet">
<script src="triggers.js"></script>
<script src="app.js"></script>