-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile.html
374 lines (362 loc) · 12.7 KB
/
profile.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
<!DOCTYPE html>
<html lang="en">
{head.html}
<body>
{nav.html}
<main class="profile">
<section class="area">
<h3>So who am I?</h3>
<p>
I'm <span class="em">James King</span>, a {age} year old Software
Engineer from Lincolnshire, who has an affinity for Coca-Cola, bacon,
and being pretty bad at boardgames despite my intense love of them.
You want some more info?
<span class="em2">Fine...</span>
</p>
</section>
</main>
<main class="profile details">
<div class="item">
<h4>Location</h4>
<p>Lincolnshire, UK</p>
</div>
<div class="item">
<h4>Birthday</h4>
<p>May, 1992</p>
</div>
<div class="item">
<h4>GitHub</h4>
<p><a href="https://github.com/ripixel">@ripixel</a></p>
</div>
<div class="item">
<h4>Twitter</h4>
<p><a href="https://www.twitter.com/ripixelcodes">@ripixelcodes</a></p>
</div>
<div class="item">
<h4>LinkedIn</h4>
<p>
<a href="https://www.linkedin.com/in/jameskingli/">jameskingli</a>
</p>
</div>
<div class="item">
<h4>Email</h4>
<p><a href="mailto:ripixel+website@gmail.com">ripixel@gmail.com</a></p>
</div>
<div class="item">
<h4>Machine</h4>
<p>Razer Blade 15 Advanced (2020)</p>
</div>
<div class="item">
<h4>Keyboard</h4>
<p>Drevo Blademaster Pro</p>
</div>
<div class="item">
<h4>Mouse</h4>
<p>Logitech MX Master 2S</p>
</div>
<div class="item">
<h4>Monitor</h4>
<p>LG Curved Ultrawide</p>
</div>
<div class="item">
<h4>Game</h4>
<p>Overwatch</p>
</div>
<div class="item">
<h4>Height</h4>
<p>5ft 11</p>
</div>
<div class="item">
<h4>Weight</h4>
<p>Rude...</p>
</div>
</main>
<main class="profile employment">
<p>
I suppose we should talk about where I've worked. This bit might
sound a little more professional...
</p>
<section class="area">
<div class="header-details">
<h3>DVELP</h3>
<p class="tag">June 2019 - Present</p>
<h4>Senior Software Engineer</h4>
</div>
<p>
DVELP is a company obsessed with creating real change in the
communications space, especially around contact centres. To this end,
they use Twilio and Google AI capabilities to create amazing
experiences, both for contact centre agents and customers alike.
</p>
<p>
I'm currently working as a full-stack (Node/TypeScript/React) Senior
Software Engineer, helping deliver client solutions through our
professional services offering, as well as assisting with business
functions on a day-to-day basis. I feel honoured to be included in
many high-level business operations and decision making - DVELP truly
is a company run by everyone it employs, not just that of some
god-like "Senior Leadership Team".
</p>
<p>
I'm also currently the InfoSec officer for the company, meaning
there's lots of "fun" forms and questionnaires to fill out on a
regular basis, as well as internal and external audits.
</p>
<div class="details">
<div class="item">
<h4>TypeScript</h4>
</div>
<div class="item">
<h4>JavaScript</h4>
</div>
<div class="item">
<h4>React</h4>
</div>
<div class="item">
<h4>Redux</h4>
</div>
<div class="item">
<h4>GCP</h4>
</div>
<div class="item">
<h4>InfoSec</h4>
</div>
<div class="item">
<h4>Twilio Flex</h4>
</div>
<div class="item">
<h4>Google Dialogflow</h4>
</div>
<div class="item">
<h4>CircleCi</h4>
</div>
<div class="item">
<h4>GraphQL</h4>
</div>
</div>
</section>
<section class="area">
<div class="header-details">
<h3>Steve King Consulting</h3>
<p class="tag">Feb 2019 - May 2019</p>
<h4>Contract Software Engineer</h4>
</div>
<p>
I decided to make the move into contracting, and started working
through my Dad's company Steve King Consulting, offering in-house
design and development services to his existing client-base, as well
as updating the main website.
</p>
<p>
During this time I got to play with a lot of new technologies, mainly
centered around JAMStack, with lots of emphasis on speed and allowing
handovers to clients which required little technical knowledge to
maintain, using services such as Prismic to allow them an interface to
update the content of their site without ever touching code.
</p>
<div class="details">
<div class="item">
<h4>TypeScript</h4>
</div>
<div class="item">
<h4>JavaScript</h4>
</div>
<div class="item">
<h4>React</h4>
</div>
<div class="item">
<h4>Gatsby</h4>
</div>
<div class="item">
<h4>Prismic</h4>
</div>
<div class="item">
<h4>Gitlab CI</h4>
</div>
</div>
</section>
<section class="area">
<div class="header-details">
<h3>Sky Betting & Gaming</h3>
<p class="tag">Nov 2017 - Jan 2019</p>
<h4>Senior Software Engineer</h4>
</div>
<p>
After 2 years and moving to the Vegas product, I applied for and
received a promotion to Senior. This effectively meant my duties would
involve more decision making and planning for the future of our
product(s), as well as giving more guidance to junior developers. As I
had grown to be a "go to" point of contact for most people outside of
my squad, this promotion also recognised that status as someone to
trust regarding what could/couldn't be done and in what timeframe.
</p>
<p>
I continued to write code, however more and more ended up reviewing
and pairing with others to improve our code quality overall, as tech
moves fast and somehow SBG moved faster! We used bleeding-edge
front-end tech such as Next with React all coded in TypeScript. The
back-end was being updated from PHP to Next and Node, with the
pipelines all being run through Jenkins. We were also moving from a
Chef-on-prem docker stack to an AWS docker stack.
</p>
<div class="details">
<div class="item">
<h4>TypeScript</h4>
</div>
<div class="item">
<h4>JavaScript</h4>
</div>
<div class="item">
<h4>React</h4>
</div>
<div class="item">
<h4>Redux</h4>
</div>
<div class="item">
<h4>AWS</h4>
</div>
<div class="item">
<h4>Jenkins</h4>
</div>
<div class="item">
<h4>Next.js</h4>
</div>
<div class="item">
<h4>Chef</h4>
</div>
</div>
</section>
<section class="area">
<div class="header-details">
<h3>Sky Betting & Gaming</h3>
<p class="tag">Nov 2015 - Nov 2017</p>
<h4>Software Engineer</h4>
</div>
<p>
I was offered a job via the refer-a-friend scheme, and was placed into
the Gaming tribe into the "One To Go" Squad, which is responsible for
the Sky Bingo product. This is a high-performance product, which
serves hundreds-of-thousands of visitors a week, and thus is built to
the most rigorous of performance standards using a combination of PHP
and JavaScript (React/Flux). The site is fully responsive, and the one
codebase must work across all screen sizes, devices, and both an
Android and iOS application.
</p>
<p>
We practice peer-code-reviews as a matter of course for all changes
for the site (no matter how small), and the whole site is deployed by
a continuous integration pipeline built around Jenkins; in short, the
whole product is super modern, adhering to the current best coding
practices.
</p>
<div class="details">
<div class="item">
<h4>PHP</h4>
</div>
<div class="item">
<h4>JavaScript</h4>
</div>
<div class="item">
<h4>React</h4>
</div>
<div class="item">
<h4>Redux</h4>
</div>
<div class="item">
<h4>AWS</h4>
</div>
<div class="item">
<h4>Jenkins</h4>
</div>
<div class="item">
<h4>Chef</h4>
</div>
</div>
</section>
<section class="area">
<div class="header-details">
<h3>Highfield ABC</h3>
<p class="tag">Jul 2014 - Nov 2015</p>
<h4>Software Developer</h4>
</div>
<p>
Primarily working with ASP.Net (both Visual Basic and C# components),
my responsibilities included maintaining the bespoke behemoth website
of highfieldabc.com. This was a huge system, that handled every part
of the business, from sales, users, managing learners and courses,
validation, interacting with examination systems (both in house and
third party), and providing and consuming various services.
</p>
<p>
Early in my employment, I was tasked with rebuilding their Dubai site
to bring it roughly in line with modern web design (an improvement
from the 2006-esque look). I did this, but also created a mockup of a
Bootstrap-powered responsive site and provided that alongside. The
directors saw this and asked me to make this the focus of design for
all the Highfield online products going forward. This has been built
using Angular, leveraging ASP MVC, RESTful services, and Azure.
</p>
<div class="details">
<div class="item">
<h4>ASP.Net</h4>
</div>
<div class="item">
<h4>Visual Basic</h4>
</div>
<div class="item">
<h4>C#</h4>
</div>
<div class="item">
<h4>JavaScript</h4>
</div>
<div class="item">
<h4>Angular</h4>
</div>
<div class="item">
<h4>Azure</h4>
</div>
</div>
</section>
<section class="area">
<div class="header-details">
<h3>Verizon Enterprise Solutions Groupo</h3>
<p class="tag">Jul 2012 - Oct 2012</p>
<h4>Project IT Developer - Intern analyst</h4>
</div>
<p>
I worked at Verizon as part of a 12-week internship program in the
Software Development department. I was assigned to work on an
extension to an existing Billing & ERP System, which used Oracle
PL/SQL, a language I had never worked with before. As well as this
development, I also had to quickly grasp how to use/work in UNIX,
including working in vi to edit shell and perl scripts.
</p>
<p>
After this project was mostly completed, I was moved to work on a
different critical system, which is used to handle the connection
status of "high risk" accounts. The system front-end needed completely
rewriting into Java/HTML/CSS from Flex, interacting with a different
PL/SQL system. This also required me to work with the offshore team
based in India, which was a learning experience for myself; after
going from never having a conference call, to having a 5 hour time
difference was interesting, to say the least.
</p>
<div class="details">
<div class="item">
<h4>Java EE</h4>
</div>
<div class="item">
<h4>Oracle PL/SQL</h4>
</div>
<div class="item">
<h4>UNIX</h4>
</div>
<div class="item">
<h4>JavaScript</h4>
</div>
</div>
</section>
</main>
{footer.html}
</body>
</html>