-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
378 lines (275 loc) · 18.9 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
<!DOCTYPE html>
<html lang="en" style="">
<head>
<meta charset="utf-8">
<title>Bryan Chun</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap">
<style>:root{color-scheme:light dark;--color-background-light: #ffffff;--color-dimmed-light: #f3f4f5;--color-primary-light: #191e23;--color-secondary-light: #6c7781;--color-accent-light: #0073aa;--color-background-dark: #191e23;--color-dimmed-dark: #23282d;--color-primary-dark: #fbfbfc;--color-secondary-dark: #ccd0d4;--color-accent-dark: #00a0d2;--color-background: var(--color-background-light);--color-dimmed: var(--color-dimmed-light);--color-primary: var(--color-primary-light);--color-secondary: var(--color-secondary-light);--color-accent: var(--color-accent-light);--scale-ratio: 1.25;--scale0: 1rem;--scale1: calc(var(--scale0) * var(--scale-ratio));--scale2: calc(var(--scale1) * var(--scale-ratio));--scale3: calc(var(--scale2) * var(--scale-ratio));--scale4: calc(var(--scale3) * var(--scale-ratio));--scale5: calc(var(--scale4) * var(--scale-ratio))}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-background-dark);--color-dimmed: var(--color-dimmed-dark);--color-primary: var(--color-primary-dark);--color-secondary: var(--color-secondary-dark);--color-accent: var(--color-accent-dark)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--color-background);color:var(--color-primary);display:grid;font:1em/1.5 Lato,sans-serif;gap:2em;grid-template-columns:[full-start] 1fr [main-start side-start] minmax(min-content,12em) [side-end content-start] minmax(min-content,36em) [main-end content-end] 1fr [full-end];grid-template-rows:auto [content] 0;margin-bottom:4em}body:before{content:"";grid-column:full;grid-row:content}ol,ul{padding-left:1em}:not(.icon-list,.tag-list)>li+li{margin-top:.4em}li::marker,.network{color:var(--color-secondary)}a{color:var(--color-accent);text-decoration:none}a:focus,a:hover{text-decoration:underline}h1,h2,h3,h5{font-weight:400}h1,h2,h3{line-height:1.2}h1{font-size:var(--scale5)}h2{color:var(--color-secondary);font-size:var(--scale4)}h3{color:var(--color-secondary);font-size:var(--scale3);grid-column:side;margin-bottom:1rem}h4{font-size:var(--scale2)}h5{font-size:var(--scale1)}h6{font-size:var(--scale0)}blockquote{border-left:.2em solid var(--color-dimmed);padding-left:1em}cite{color:var(--color-secondary);font-style:inherit}cite:before{content:"— "}svg{margin-right:.2em;vertical-align:text-bottom}.masthead{background:var(--color-dimmed);display:inherit;gap:inherit;grid-column:full;grid-template-columns:inherit;padding:4em 0;text-align:center}.masthead>*,section{grid-column:main}.masthead>img{border:4px solid;border-radius:50%;margin:0 auto;max-width:12em}article>*+*,blockquote>*+*,.timeline>div>*+*{margin-top:.6em}.meta{color:var(--color-secondary)}.stack{display:grid;gap:1.5em}.icon-list{display:flex;flex-wrap:wrap;gap:.4em 1em;justify-content:center;list-style:none;padding:0}.grid-list{display:grid;gap:1em}.tag-list{display:flex;flex-wrap:wrap;gap:.4em;list-style:none;padding:0}.tag-list>li{background:var(--color-dimmed);border-radius:.2em;padding:.2em .6em}.timeline>div{position:relative}.timeline>div:not(:last-child){padding-bottom:1rem}.timeline>div:not(:last-child):before{content:"";position:absolute;top:1rem;left:-15px;width:2px;height:100%;background:var(--color-secondary)}.timeline>div:not(:only-child):after{content:"";position:absolute;top:.6rem;left:-20px;width:8px;height:8px;background:var(--color-secondary);border:2px solid var(--color-background);border-radius:50%}@media print,(min-width: 48em){h3{text-align:right;margin-bottom:inherit}.masthead{text-align:inherit}.masthead>*,section{grid-column:content}.masthead img{grid-column:side;grid-row:span 2;max-width:100%}section{display:contents}.icon-list{flex-direction:column}.grid-list{grid-template-columns:repeat(auto-fit,minmax(calc((100% - 1em)/2),1fr))}}
</style>
</head>
<body>
<header class="masthead">
<img src="https://github.com/bryanchun/bryanchun.github.io/blob/master/images/bryan_dc.jpg?raw=true" alt="">
<div>
<h1>Bryan Chun</h1>
<h2>Software Engineer</h2>
</div>
<ul class="icon-list">
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
Toronto, Canada
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
<a href="https://bryanchun.github.io">bryanchun.github.io</a>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
<a href="https://github.com/bryanchun">bryanchun</a>
<span class="network">(GitHub)</span>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
<a href="https://www.linkedin.com/in/bryanchunhk">bryanchunhk</a>
<span class="network">(LinkedIn)</span>
</li>
</ul>
</header>
<section id="work">
<h3>Work</h3>
<div class="stack">
<article>
<header>
<h4><a href="https://www.cloverhealth.com">Clover Health</a></h4>
<div class="meta">
</div>
</header>
<div class="timeline">
<div>
<div>
<h5>Software Engineer III</h5>
<div class="meta">
<div><time datetime="2022-07">Jul 2022</time> – Present</div>
<div>Toronto, Canada</div>
</div>
</div>
<p>Actively developing, designing, and supporting various health technology systems. Previously Software Engineer I in the first year here.</p>
<ul>
<li><p>Full stack development in healthcare technology, primarily using Python/Django/gRPC/PostgreSQL/TypeScript/React</p></li><li><p>Worked in 3 domains, namely Clinical Insights — providing better patient care management, Customer Success — improving user management infrastructure, and Electronic Health Record system integrations</p></li><li><p>Brought up the frontend standard of the team to speed up development, designed and built user-facing features end-to-end including new lab result notifications, treatment recommendations for serious diseases</p></li><li><p>Served as team lead in revamping user management workflow and user modelling, onboarded new team members to the team</p></li><li><p>Active contributor in team code reviews, code style discussions, technical designs</p></li>
</ul>
</div>
<div>
<div>
<h5>Software Engineer II</h5>
<div class="meta">
<div><time datetime="2020-07">Jul 2020</time> – <time datetime="2022-06">Jun 2022</time></div>
<div>Hong Kong</div>
</div>
</div>
<ul>
<li><p>Designed and implemented an internal troubleshooting tool and a public-facing demo site for the platform</p></li><li><p>Serving as one of the owners in the user modelling and management space of a new doctor-facing product used for facilitating patient visits</p></li><li><p>Designed and implemented end-to-end user management workflows like password reset and email change for a new doctor-facing product</p></li><li><p>Co-owned the public-facing website for the annual insurance member enrollment campaign; led a documentation revamp to improve engineering processes</p></li><li><p>Participated in company-wide mentorship program to learn from experienced mentors, onboarded fellow engineers onto project areas new to them, helped to interview candidates in several panels</p></li><li><p>Presented in our engineering team sharing topics like data wrangling and an intro to Vim</p></li>
</ul>
</div>
</div>
</article>
<article>
<header>
<h4>Hong Kong Applied Science and Technology Research Institute</h4>
<div class="meta">
</div>
</header>
<div class="timeline">
<div>
<div>
<h5>Summer Intern</h5>
<div class="meta">
<div><time datetime="2018-06">Jun 2018</time> – <time datetime="2018-07">Jul 2018</time></div>
<div>Hong Kong</div>
</div>
</div>
<p>Conducted research and experiments on deep learning techniques and architectures for face-swapping to address security concerns in potential abuses</p>
</div>
</div>
</article>
</div>
</section>
<section id="education">
<h3>Education</h3>
<div class="stack">
<article>
<header>
<h4>Hong Kong University of Science and Technology</h4>
<div class="meta">
<strong>Computer Science</strong>
<div><time datetime="2016-09">Sep 2016</time> – <time datetime="2020-06">Jun 2020</time></div>
</div>
</header>
<p>Bachelor of Engineering (First-class Honor), Minor in Mathematics</p>
<h5>Courses</h5>
<ul>
<li><p>Undergraduate Research Opportunities Program</p></li><li><p>Deep Learning for Computer Vision</p></li><li><p>Object-Oriented Programming and Data Structures / Discrete Mathematics / Design and Analysis of Algorithms / Software Engineering</p></li>
</ul>
</article>
<article>
<header>
<h4>Georgia Institute of Technology</h4>
<div class="meta">
<strong>Computer Science</strong>
<div><time datetime="2019-01">Jan 2019</time> – <time datetime="2019-05">May 2019</time></div>
</div>
</header>
<p>Exchange Student</p>
<h5>Courses</h5>
<ul>
<li><p>Data and Visual Analytics</p></li><li><p>Machine Learning</p></li>
</ul>
</article>
<article>
<header>
<h4>Queen's College, Hong Kong</h4>
<div class="meta">
<div><time datetime="2010-09">Sep 2010</time> – <time datetime="2016-06">Jun 2016</time></div>
</div>
</header>
<p>Hong Kong Diploma of Secondary Education</p>
</article>
</div>
</section>
<section id="projects">
<h3>Projects</h3>
<div class="stack">
<article>
<header>
<h4>ZINC - Programming assignment submission and Auto-grading system</h4>
<div class="meta">
<div>
<strong>Developer</strong>
at <strong>HKUST</strong>
</div>
<div><time datetime="2019-05">May 2019</time> – Present</div>
<div>system</div>
</div>
</header>
<p>A new online assignment submission and automatic grader system for programming assignments for the HKUST Department of Computer Science</p>
<ul>
<li><p>Mainly responsible for Auto-Grader design and development</p></li><li><p>Taking inspiration from continuous integration pipelines, we designed a declarative and flexible way to grade programming assignments, where course staff can choose what grading features to use for an assignment, have them run on containerized environments remotely, and get an elaborate grading report generated automatically for sharing the results with students</p></li><li><p>Won Departmental Best FYP Award, was a HKUST President's Cup 2020 Finalist</p></li><li><p>Continued to maintain the project voluntarily after it went live serving hundreds of students in course offerings by contributing fixes and features as well as taking part in code review and technical design discussions</p></li>
</ul>
<ul class="tag-list">
<li>Kotlin/JVM</li><li>Docker</li><li>Redis</li><li>PostgreSQL</li>
</ul>
</article>
<article>
<header>
<h4>Microsoft Imagine Cup</h4>
<div class="meta">
<div>
<strong>Developer</strong>
</div>
<div><time datetime="2018-01">Jan 2018</time> – <time datetime="2018-05">May 2018</time></div>
</div>
</header>
<p>Developed an emotion recognition system for mental status monitoring of schoolchildren using Python and Azure</p>
</article>
<article>
<header>
<h4><a href="https://usthing.xyz/">USThing UI revamp</a></h4>
<div class="meta">
<div>
<strong>UI designer</strong>
at <strong>USThing</strong>
</div>
<div><time datetime="2017-07">Jul 2017</time> – <time datetime="2017-09">Sep 2017</time></div>
</div>
</header>
<p>Wireframed a new design with interactions for the home page and several features using Sketch</p>
</article>
<article>
<header>
<h4><a href="https://viaprograms.org/expand-your-boundaries/social-innovation-design-thinking/exploring-social-innovation">Exploring Social Innovation</a></h4>
<div class="meta">
<div>
<strong>Program Participant</strong>
at <strong>Volunteers in Asia</strong>
</div>
<div><time datetime="2017-07">Jul 2017</time> – <time datetime="2017-07">Jul 2017</time></div>
</div>
</header>
<p>Joined a culturally diverse cohort in a 2-week social innovation program on Design Thinking, with a focus on education innovation</p>
</article>
<article>
<header>
<h4>Mobile App Design Contest</h4>
<div class="meta">
<div>
<strong>Developer</strong>
at <strong>HKUST</strong>
</div>
<div><time datetime="2016-12">Dec 2016</time> – <time datetime="2017-02">Feb 2017</time></div>
</div>
</header>
<p>Created a fully programmable calculator app on Android, attained First Runner-up in a group of 4</p>
</article>
</div>
</section>
<section id="skills">
<h3>Skills</h3>
<div class="grid-list">
<div>
<h4>Programming & Tools</h4>
<ul class="tag-list">
<li>Python</li><li>Kotlin/Java</li><li>C/C++</li><li>JavaScript/TypeScript</li><li>HTML5/CSS3</li><li>Linux</li><li>Bash</li><li>Git</li><li>Vim</li><li>SQL/PostgreSQL</li><li>Elixir</li><li>Functional Programming</li><li>IntelliJ IDEA/PyCharm/VSCode</li>
</ul>
</div>
<div>
<h4>Software Engineering</h4>
<ul class="tag-list">
<li>Engineering estimations</li><li>Agile sprint processes</li><li>End-to-end system design</li>
</ul>
</div>
</div>
</section>
<section id="languages">
<h3>Languages</h3>
<div class="grid-list">
<div>
<h4>English</h4>
Fluent
</div>
<div>
<h4>Cantonese</h4>
Native
</div>
<div>
<h4>Mandarin</h4>
Fluent
</div>
<div>
<h4>Japanese</h4>
Elementary
</div>
</div>
</section>
<section id="interests">
<h3>Interests</h3>
<div class="grid-list">
<div>
<h4>Swing dancing</h4>
</div>
<div>
<h4>Badminton</h4>
</div>
<div>
<h4>Volleyball</h4>
</div>
<div>
<h4>Photography</h4>
</div>
</div>
</section>
</body>
</html>