-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
494 lines (493 loc) · 22 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>CV</title>
<script src="https://cdn.tailwindcss.com"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="mx-auto flex flex-col items-center w-[210mm]">
<div
class="border border-black w-full h-20 flex justify-evenly items-center bg-black text-white"
>
<h1 class="font-semibold text-2xl">Aaron J. Chan</h1>
<div class="text-xs">
<p>
<a href="mailto:[email protected]"
>Email: [email protected]</a
>
</p>
<p>Mobile: +44 7427613292</p>
</div>
<div class="text-xs">
<p>
<a href="https://github.com/achan-css"
>GitHub: github.com/achan-css</a
>
</p>
<p>
<a href="https://linkedin.com/in/aaron-chan-/"
>LinkedIn: linkedin.com/in/aaron-chan-/</a
>
</p>
</div>
</div>
<div class="flex w-full justify-between px-10 py-2">
<p>Software Engineer</p>
|
<p>Full Stack</p>
|
<p>Continuous Deployment</p>
|
<p>Cloud Developer</p>
</div>
<!-- <div class="grid grid-cols-2 w-full gap-x-8 px-5"> -->
<div class="flex flex-col mx-6">
<div class="" id="profile">
<h1 class="underline">Profile:</h1>
<p class="text-sm mx-10">
A product-first, team-playing developer with a strong focus on
stakeholder engagement - I'm a software engineer that enjoys
bringing maximum value to the whole team - including systems
architecture, design, development: I'm always ready to learn new
skills.
<!-- Being a results-first, soon-graduating, team-playing software engineer, I'm always thinking about
maximising my value and optimising my contributions. My technical skills from my projects & coursework demonstrate a wide
range of skills - however, combined with my interpersonal soft skills, I bring the most value to teams, clients and stakeholders,
making me the best candidate. -->
</p>
</div>
<div id="work" class="py-2 border-b-2 border-black">
<div class="flex flex-row justify-between">
<div class="underline">Professional Experience:</div>
<div class="flex items-center">
<span class="rounded-full w-4 h-4 mr-2 bg-[#1D31AA] inline-block">
</span>
Exercised skills
</div>
</div>
<div class="flex flex-col gap-2">
<div class="mx-5">
<div class="flex justify-between items-center">
<h1 class="font-bold">Graduate Software Engineer</h1>
<p class="text-sm italic">July 2024 - Present</p>
</div>
<p class="text-sm">Cirrus Software Solutions Ltd.</p>
<ul class="list-disc mx-4 text-sm mr-10 mb-2">
<li>
Developed scalable software solutions using React, TypeScript
and AWS to enhance user experience and maintain application
performance
</li>
<li>
Collaborated with senior engineers to scale and enhance cloud
infrastructure, ensuring robust and maintainable architectures
fit dynamically changing client requirements
</li>
<li>
Utilised the Agile methodology to strengthen productivity,
code reviews to optimise features and learn, and Jira boards
to manage workflow.
</li>
</ul>
<div
class="text-white flex flex-wrap justify-items-center gap-1 mb-2"
>
<div class="rounded-full bg-[#1D31AA] px-2">DynamoDB</div>
<div class="rounded-full bg-[#1D31AA] px-2">S3</div>
<div class="rounded-full bg-[#1D31AA] px-2">AWS Lambda</div>
<div class="rounded-full bg-[#1D31AA] px-2">
AWS Cloudformation
</div>
<div class="rounded-full bg-[#1D31AA] px-2">Jira</div>
<div class="rounded-full bg-[#1D31AA] px-2">
CD Pipeline development
</div>
</div>
</div>
<div class="mx-5">
<div class="flex justify-between items-center">
<h1 class="font-bold">Software Engineering Intern</h1>
<p class="text-sm italic">Jun 2023 - Sep 2023</p>
</div>
<p class="text-sm">RecallAI (startup)</p>
<ul class="list-disc mx-4 text-sm mr-10 mb-2">
<li>
Product was an AI-driven SaaS that took user inputted audio
and converted these into flashcards.
</li>
<li>
Utilised MERN stack with SOLID-principled TypeScript, using
advanced React features to build product.
</li>
<li>
Solved rapidly changing requirements and problems in order to
minimise technical debt and implement cleaner design patterns.
</li>
</ul>
<div
class="text-white flex flex-wrap justify-items-center gap-1 mb-2"
>
<div class="rounded-full bg-[#1D31AA] px-2">MongoDB</div>
<div class="rounded-full bg-[#1D31AA] px-2">Cloud Storage</div>
<div class="rounded-full bg-[#1D31AA] px-2">Frontend</div>
<div class="rounded-full bg-[#1D31AA] px-2">
Google Cloud Platform
</div>
<div class="rounded-full bg-[#1D31AA] px-2">React</div>
</div>
</div>
</div>
</div>
<div id="education" class="py-2 border-b-2 border-black">
<div class="underline">Education:</div>
<ul class="list-disc ml-10 mr-10">
<li>
<h1 class="font-bold">BSc Computer Science</h1>
<div class="flex justify-between text-xs">
<p class="">University of Bristol</p>
<p class="italic text-sm">Sep 2021 - June 2024</p>
</div>
<p class="text-sm">Graduated with 1st (First Class Honours)</p>
<p class="text-sm">
Relevant Modules: Machine Learning, Computer Graphics,
Artificial Intelligence, Software Engineering Project.
</p>
</li>
</ul>
</div>
<div id="projects" class="py-2">
<div class="flex justify-between">
<div class="underline">Projects:</div>
<div class="flex gap-4">
<div class="flex items-center">
<span
class="rounded-full w-4 h-4 mr-2 bg-[#4D3636] inline-block"
>
</span>
Technical skills
</div>
<div class="flex items-center">
<span
class="rounded-full w-4 h-4 mr-2 bg-[#A0DADA] inline-block"
>
</span>
Soft skills
</div>
</div>
</div>
<div class="mx-5">
<div class="grid grid-cols-2 gap-4">
<div>
<div class="flex justify-between items-center">
<a
href="https://drive.google.com/file/d/1uYpu8AuUJNm1jQLn0G_LsTk-xXca-dto/view?usp=sharing"
class="flex items-center gap-x-2"
>
<h1 class="font-semibold">3D Raytracer</h1>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-link-45deg"
viewBox="0 0 16 16"
>
<path
d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"
/>
<path
d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"
/>
</svg>
</a>
<p class="italic text-sm">Oct 2023 - Nov 2023</p>
</div>
<p class="text-sm pb-2">
I implemented a 3D renderer from scratch that demonstrates
range of different types of rendering & lighting techniques.
Achieved First class grade.
</p>
</div>
<div>
<p>Skills:</p>
<div
class="text-white flex flex-wrap justify-items-center gap-1 mb-2"
>
<div class="rounded-full bg-[#4D3636] px-2">C++</div>
<div class="rounded-full bg-[#4D3636] px-2">
Object Oriented Programming
</div>
<div class="rounded-full bg-[#4D3636] px-2">
Multithreading
</div>
<div class="rounded-full bg-[#4D3636] px-2">GLM</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Time Management
</div>
</div>
</div>
</div>
</div>
<div class="mx-5">
<div class="grid grid-cols-2 gap-4">
<div>
<div class="flex justify-between items-center">
<a
href="https://panderer-fef7a.web.app/"
class="flex items-center gap-x-2"
>
<h1 class="font-semibold">Panderer</h1>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-link-45deg"
viewBox="0 0 16 16"
>
<path
d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"
/>
<path
d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"
/>
</svg>
</a>
<p class="italic text-sm">Jun 2023 - July 2023</p>
</div>
<p class="text-sm pb-2">
I've constructed a real time web app to track approval rating
for live streamers like stock prices, using Firebase to host,
serve and manage infrastructure.
</p>
</div>
<div>
<p>Skills:</p>
<div
class="text-white flex flex-wrap justify-items-center gap-1 mb-2"
>
<div class="rounded-full bg-[#4D3636] px-2">React</div>
<div class="rounded-full bg-[#4D3636] px-2">TypeScript</div>
<div class="rounded-full bg-[#4D3636] px-2">Firebase</div>
<div class="rounded-full bg-[#4D3636] px-2">Google Cloud</div>
<div class="rounded-full bg-[#4D3636] px-2">Node.js</div>
<div class="rounded-full bg-[#4D3636] px-2">Vite</div>
<div class="rounded-full bg-[#4D3636] px-2">Clerk</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Continuous Learning
</div>
</div>
</div>
</div>
</div>
<div class="mx-5">
<div class="grid grid-cols-2 gap-4">
<div>
<div class="flex justify-between items-center">
<a class="flex items-center gap-x-2">
<h1 class="font-semibold">VetDB</h1>
</a>
<p class="text-sm italic">Sep 2022 - May 2023</p>
</div>
<p class="text-sm pb-2">
I managed, designed and built a full stack app in team
coursework to easily manage all student placements for the
Bristol Vet School, migrating from legacy system. Achieved
First class by delivering client satisfaction.
</p>
</div>
<div>
<p>Skills:</p>
<div
class="text-white flex flex-wrap justify-items-center gap-1 mb-2"
>
<div class="rounded-full bg-[#4D3636] px-2">MERN stack</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Kanban
</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Agile methodology
</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Team orchestration
</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Client communication
</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Adaptability
</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Problem solving
</div>
</div>
</div>
</div>
</div>
<!-- <div class="mx-5">
<div class="grid grid-cols-2 gap-4">
<div>
<div class="flex justify-between items-center">
<a
href="https://github.com/MathsPsychopath/GameOfLife"
class="flex items-center gap-x-2"
>
<h1 class="font-semibold">Game of Life</h1>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-link-45deg"
viewBox="0 0 16 16"
>
<path
d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"
/>
<path
d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"
/>
</svg>
</a>
<p class="italic text-sm">Oct 2022 - Nov 2022</p>
</div>
<p class="text-sm pb-2">
I built a cellular automata simulation as coursework using
Golang, optimising performance with distributed worker nodes.
Also developed RPC interfaces with PubSub system to balance
work. Achieved First class.
</p>
</div>
<div>
<div>Skills:</div>
<div
class="text-white flex flex-wrap justify-items-center gap-1 mb-2"
>
<div class="rounded-full bg-[#4D3636] px-2">Golang</div>
<div class="rounded-full bg-[#4D3636] px-2">Concurrency</div>
<div class="rounded-full bg-[#4D3636] px-2">
Parallel Computation
</div>
<div class="rounded-full bg-[#4D3636] px-2">AWS</div>
<div class="rounded-full bg-[#4D3636] px-2">RPC</div>
<div class="rounded-full bg-[#4D3636] px-2">
Distributed architecture
</div>
<div class="rounded-full bg-[#A0DADA] px-2 text-black">
Team conflict resolution
</div>
</div>
</div>
</div>
</div> -->
</div>
<div id="leadership" class="border-b-2 border-black py-4 pb-8">
<div class="underline">Leadership roles:</div>
<ul class="mx-5">
<li class="py-1">
<div class="flex justify-between">
<h1 class="font-semibold">
Division Co-Head of Derivatives at Bristol Trading Society
</h1>
<h1 class="text-sm italic">Jun 2023 - May 2024</h1>
</div>
<ul class="text-sm list-disc mx-5">
<li>
Led a team of 10 analysts to manage a $1m virtual portfolio,
discussing trades, analysing economic events and learning
about markets.
</li>
<li>
Delivered a 19% ROI on this portfolio using a various option
strategies, and long/short stock methods.
</li>
</ul>
</li>
<li class="py-1">
<div class="flex justify-between">
<h1 class="font-semibold">Project Manager for VetDB</h1>
<h1 class="text-sm italic">Sep 2022 - May 2023</h1>
</div>
<ul class="text-sm list-disc ml-5">
<li>
Became the de facto project consultant & manager, leading a
team of 4 members for the VetDB project
</li>
<li>
Oversaw the entire project life cycle, from client meetings,
product designing, engineering and deployment.
</li>
</ul>
</li>
</ul>
</div>
<div class="flex flex-col">
<div id="extra" class="border-b-2 border-black py-4">
<div class="underline">Extra-curricular & Interests:</div>
<ul class="mx-5">
<li class="py-1">
<a
href="https://docs.google.com/document/d/1u7lbcT8lsOUXrIyRO_OGsOZMunf9UZQFQ2Y01q5m_oc/edit?usp=sharing"
class="flex items-center gap-x-2"
>
<h1 class="font-semibold">Figma UI Designer</h1>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-link-45deg"
viewBox="0 0 16 16"
>
<path
d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"
/>
<path
d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"
/>
</svg>
</a>
<p class="text-sm">
Utilised my skills to create visually appealing and user
friendly interfaces for web applications in Figma. Used MUI
toolkit to build sleek and familiar looking mock-ups and
prototypes. This CV was designed and built using HTML and CSS.
</p>
</li>
<li class="py-1">
<h1 class="font-semibold">Pottery Enthusiast</h1>
<p class="text-sm">
I took part in throwing pottery on the wheel as
extra-curricular activity, honing clay shaping, glazing
techniques and kiln operation. <br />Developed precision
appreciation and attention to detail. <br />Successfully
taught 1 fellow student to independently throw pottery and
infuse passion in art pieces.
</p>
</li>
</ul>
</div>
</div>
<div id="languages" class="py-2">
<div class="underline">Languages:</div>
<ol class="list-disc ml-10">
<li>
<h1 class="font-semibold">English</h1>
<p class="text-sm">Proficiency level: Native speaker</p>
</li>
<li>
<h1 class="font-semibold">Chinese (Cantonese)</h1>
<p class="text-sm">Proficiency level: Conversation level</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>