jsonresume-theme-class-yaucp
Version:
Class Theme for JSON Resume
1,079 lines (910 loc) • 29.1 kB
HTML
<html lang="en">
<head prefix="og: https://ogp.me/ns# profile: https://ogp.me/ns/profile#">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="profile">
<meta name="twitter:card" content="summary">
<title>Yau Chin Pang (Thomas) - CV</title>
<meta name="description" content="Hello there👋🏻! <br /><br />I took a gap semester for a full-time internship in Finverse Technologies in the 2022 Autumn semester. <br /><br />Mostly familiar with JavaScript (Typescript/Node.js) and Python now. I also have experience using Java, C++/C, Go, and Haskell (Had a ton of fun using Haskell! Very Interested using it for my graduate job)<br />Interested working in backend in the future...<br /><br />Learning GoLang, gRPC, Swift and PostgreSQL for my final year project">
<meta property="og:title" content="Resume of Yau Chin Pang (Thomas)">
<meta property="og:url" content="https://yaucp.dev">
<meta property="og:description" content="Resume of Thomas Yau Chin Pang. It is automatically generated by using GitHub Actions with JSON Resume Schema. Click on me to find out more!">
<meta property="profile:first_name" content="Chin Pang">
<meta property="profile:last_name" content="Yau">
<!-- For SEO-->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"address": {
"@type": "PostalAddress",
"addressCountry": "Hong Kong"
},
"email": "mailto:me@yaucp.dev",
"image": "",
"name": "Yau Chin Pang (Thomas)",
"telephone": "+852 51136393",
"url": "https://yaucp.dev",
"description": "Hello there👋🏻! <br /><br />I took a gap semester for a full-time internship in Finverse Technologies in the 2022 Autumn semester. <br /><br />Mostly familiar with JavaScript (Typescript/Node.js) and Python now. I also have experience using Java, C++/C, Go, and Haskell (Had a ton of fun using Haskell! Very Interested using it for my graduate job)<br />Interested working in backend in the future...<br /><br />Learning GoLang, gRPC, Swift and PostgreSQL for my final year project"
}
</script>
<style>
/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display: block
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1
}
audio:not([controls]) {
display: none
}
[hidden] {
display: none
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
html, button, input, select, textarea {
font-family: sans-serif
}
body {
margin: 0
}
a:focus {
outline: thin dotted
}
a:hover, a:active {
outline: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
h2 {
font-size: 1.5em;
margin: .83em 0
}
h3 {
font-size: 1.17em;
margin: 1em 0
}
h4 {
font-size: 1em;
margin: 1.33em 0
}
h5 {
font-size: .83em;
margin: 1.67em 0
}
h6 {
font-size: .75em;
margin: 2.33em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: bold
}
blockquote {
margin: 1em 40px
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
p, pre {
margin: 1em 0
}
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word
}
q {
quotes: none
}
q:before, q:after {
content: '';
content: none
}
small {
font-size: 75%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
dl, menu, ol, ul {
margin: 1em 0
}
dd {
margin: 0 0 0 40px
}
menu, ol, ul {
padding: 0 0 0 40px
}
nav ul, nav ol {
list-style: none;
list-style-image: none
}
img {
border: 0;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
form {
margin: 0
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle
}
button, input {
line-height: normal
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible
}
button[disabled], input[disabled] {
cursor: default
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
/* Variables */
body {
--fg-color: black;
--bg-color: #FFFFFF;
--header-h1-fg-color: #FFFFFF;
--header-h2-fg-color: #F3F3F3;
--header-bg-color: #1866C3;
--h2-fg-color: #F3F3F3;
--link-color: #3061A5;
--seperator-color: #E2E2E2;
}
@media (prefers-color-scheme: dark) {
body {
--fg-color: #D5D6D7;
--bg-color: #041C32;
--header-h1-fg-color: #ECB365;
--header-h2-fg-color: #ECB365;
--header-bg-color: #04293A;
--link-color: #70A1E5;
--seperator-color: #939393;
--h2-fg-color: #ECB365;
}
}
/* Page CSS */
body {
color: var(--fg-color);
background: var(--bg-color);
font-size: 0.9em;
font-family: 'Helvetica', 'Arial', 'Trebuchet MS', 'Verdana', sans-serif;
}
em {
color: #999;
}
p {
line-height: 1.4;
}
a {
color: var(--link-color);
text-decoration: none;
}
ul {
margin-bottom: 0;
}
section {
margin-bottom: 2em;
}
blockquote {
margin: 0;
margin-bottom: 1em;
}
.item {
break-inside: avoid;
}
header {
background: var(--header-bg-color);
padding: 50px;
margin-bottom: 50px;
}
header h1 {
color: var(--header-h1-fg-color);
max-width: 772px;
margin: 0 auto;
}
header h2 {
color: var(--header-h2-fg-color);
font-size: 1em;
max-width: 772px;
margin: 0 auto;
}
footer {
margin-top: 1em ;
margin-bottom: 1em ;
font-size: 0.8em;
font-style: italic;
text-align: center;
}
.container, footer {
max-width: 772px;
padding: 0 50px;
margin: 0 auto;
}
.container h2,
#basics h3 {
color: var(--h2-fg-color);
}
#basics {
margin-bottom: 10px;
border-bottom: 1px var(--seperator-color) solid;
}
#basics h3 {
margin-bottom: 10px;
}
.contact h3 {
padding-bottom: 10px;
}
.split {
display: flex;
flex-wrap: wrap;
}
.split strong {
margin-right: 2em;
}
.website,
.email,
.phone {
margin-bottom: 10px;
width: 50%;
}
#profiles {
overflow: hidden;
}
#profiles .item {
width: 50%;
}
.username {
margin-top: 10px;
}
.work_date,
.work_position,
.work_website,
.institution,
.study_date,
.qualification {
margin-bottom: 10px;
width: 30%;
}
.courses {
clear: both;
}
.dissertation {
margin-top: 10px;
}
#work,
#volunteer,
#projects {
padding-bottom: 5px;
border-bottom: 1px var(--seperator-color) solid;
}
#work .item,
#volunteer .item,
#projects .item {
margin: 25px 0;
}
#skills {
margin-bottom: 10px;
border-bottom: 1px var(--seperator-color) solid;
padding-bottom: 5px;
}
#skills .item,
#languages .item {
margin: 0 0 25px 0;
}
#interests .item {
margin-bottom: 25px;
}
#skills {
overflow: hidden;
}
#languages .item,
#interests .item,
#skills .item {
width: 50%;
}
#references,
#interests {
clear: both;
}
.horizontal_list {
padding: 0 ;
}
.horizontal_list li:after {
content: " ";
letter-spacing: 1em;
background: center center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAAAnSURBVBhXY/Dz89MA4sNA/B9Ka4AEYQIwfBgkiCwAxjhVopnppwEApxQqhnyQ+VkAAAAASUVORK5CYII=);
}
</style>
</head>
<body>
<header>
<h1>Yau Chin Pang (Thomas)</h1>
<h2>HKUCS@2024</h2>
</header>
<div id="content" class="container">
<section id="basics">
<div class="contact">
<h3>Contact</h3>
<div class="split">
<div class="website">
<strong>Website</strong>
<a href="https://yaucp.dev">https://yaucp.dev</a>
</div>
<div class="email">
<strong>Email</strong>
<a href="mailto:me@yaucp.dev">me@yaucp.dev</a>
</div>
<div class="phone">
<strong>Phone</strong>
<a href="tel:+852 51136393">+852 51136393</a>
</div>
</div>
</div>
<div class="summary">
<h3>About</h3>
<p>Hello there👋🏻! <br /><br />I took a gap semester for a full-time internship in Finverse Technologies in the 2022 Autumn semester. <br /><br />Mostly familiar with JavaScript (Typescript/Node.js) and Python now. I also have experience using Java, C++/C, Go, and Haskell (Had a ton of fun using Haskell! Very Interested using it for my graduate job)<br />Interested working in backend in the future...<br /><br />Learning GoLang, gRPC, Swift and PostgreSQL for my final year project</p>
</div>
<section id="profiles" class="split">
<div class="item">
<strong class="network">
LinkedIn
</strong>
<div>
<a href="https://www.linkedin.com/in/yaucp/">
yaucp
</a>
</div>
</div>
<div class="item">
<strong class="network">
GitHub
</strong>
<div>
<a href="https://github.com/yaucp/">
yaucp
</a>
</div>
</div>
</section>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="item">
<div class="name">
JavaScript Frameworks/Libraries
</div>
<ul class="keywords">
<li>TypeScript</li>
<li>Node.js</li>
<li>React.js</li>
<li>Next.js</li>
<li>Jest</li>
</ul>
</div>
<div class="item">
<div class="name">
Programming Languages
</div>
<ul class="keywords">
<li>Python</li>
<li>Java</li>
<li>Kotlin</li>
<li>Go</li>
<li>C++/C</li>
<li>Haskell</li>
</ul>
</div>
<div class="item">
<div class="name">
Others
</div>
<ul class="keywords">
<li>Git</li>
<li>GitHub/GitLab</li>
<li>Unix/MacOS</li>
<li>Ubuntu</li>
<li>Google Cloud Platform (GCP)</li>
<li>Protocol Buffers</li>
<li>Cloudflare Registrar & Page</li>
<li>GitHub Actions</li>
</ul>
</div>
<div class="item">
<div class="name">
Creative Stuff
</div>
<div class="level">
<em>Beginner</em>
</div>
<ul class="keywords">
<li>Adobe Premiere Pro</li>
<li>Adobe Photoshop</li>
</ul>
</div>
</section>
<section id="work">
<h2>Work Experience</h2>
<div class="item">
<h3 class="work_name">
Molekiu Limited
</h3>
<div class="split">
<div class="work_position">
Software Developer (Part-time)
</div>
<div class="work_date">
<span class="startDate">
<time datetime="2023-10-01T00:00:00.000Z">Oct 2023</time>
</span>
<span class="endDate">
- Present
</span>
</div>
</div>
</div>
<div class="item">
<h3 class="work_name">
Metamory.io
</h3>
<div class="split">
<div class="work_position">
Software Engineer Intern
</div>
<div class="work_date">
<span class="startDate">
<time datetime="2023-06-01T00:00:00.000Z">Jun 2023</time>
</span>
<span class="endDate">
- <time datetime="2023-07-01T00:00:00.000Z">Jul 2023</time>
</span>
</div>
</div>
<ul class="highlights">
<li>Added OAuth-Based Authentication to Next.js website with Auth.js</li>
<li>Built a demo/POC with Stripe's Payment API with its Custom Payment Elements and Prebuilt Checkout Page</li>
</ul>
</div>
<div class="item">
<h3 class="work_name">
Finverse Technologies
</h3>
<div class="split">
<div class="work_position">
Software Engineer Intern (Part-time)
</div>
<div class="work_date">
<span class="startDate">
<time datetime="2023-01-01T00:00:00.000Z">Jan 2023</time>
</span>
<span class="endDate">
- <time datetime="2023-01-01T00:00:00.000Z">Jan 2023</time>
</span>
</div>
<div class="work_website">
<a href="https://www.finverse.com">https://www.finverse.com</a>
</div>
</div>
</div>
<div class="item">
<h3 class="work_name">
Finverse Technologies
</h3>
<div class="split">
<div class="work_position">
Software Engineer Intern (Full-time)
</div>
<div class="work_date">
<span class="startDate">
<time datetime="2022-07-01T00:00:00.000Z">Jul 2022</time>
</span>
<span class="endDate">
- <time datetime="2022-12-01T00:00:00.000Z">Dec 2022</time>
</span>
</div>
<div class="work_website">
<a href="https://www.finverse.com">https://www.finverse.com</a>
</div>
</div>
<ul class="highlights">
<li>Successfully integrated major commercial banks into the internal open-banking system through reverse engineering and secure web scraping in TypeScript and Node.js.</li>
<li>Facilitated efficient micro-service communications using Go and gRPC.</li>
<li>Trained a machine learning model using Python for solving captchas, incorporating image pre-processing techniques, and successfully deployed to production via Google Cloud Platform’s bucket storage.</li>
<li>Developed a demo showcasing API functionality in React.js, leading to enhanced clarity for external clients regarding the platform's capabilities.</li>
<li>Enhanced code quality by implementing unit tests using Jest and Nock, resulting in a reduction in system bugs.</li>
</ul>
</div>
<div class="item">
<h3 class="work_name">
Thales
</h3>
<div class="split">
<div class="work_position">
Software Intern
</div>
<div class="work_date">
<span class="startDate">
<time datetime="2021-07-01T00:00:00.000Z">Jul 2021</time>
</span>
<span class="endDate">
- <time datetime="2021-08-01T00:00:00.000Z">Aug 2021</time>
</span>
</div>
</div>
<ul class="highlights">
<li>Used Python to verify and search for missing files or lines according to specifications</li>
<li>Configured database that stores status and commands of equipment in the station in Unix system</li>
</ul>
</div>
<div class="item">
<h3 class="work_name">
Esri China (Hong Kong)
</h3>
<div class="split">
<div class="work_position">
Programmer Trainee Intern
</div>
<div class="work_date">
<span class="startDate">
<time datetime="2021-06-01T00:00:00.000Z">Jun 2021</time>
</span>
<span class="endDate">
- <time datetime="2021-07-01T00:00:00.000Z">Jul 2021</time>
</span>
</div>
</div>
<ul class="highlights">
<li>Used Python to collect and group real-time open data to update local geodatabase in ArcGIS Pro</li>
</ul>
</div>
</section>
<section id="volunteer">
<h2>Volunteer</h2>
<div class="item">
<h3 class="company">
Referalah
</h3>
<div class="split">
<div class="work_position">
Next.js Web Developer/Maintainer
</div>
<div class="work_date">
<span class="startDate">
<time datetime="2023-10-01T00:00:00.000Z">Oct 2023</time>
</span>
<span class="endDate">
- Present
</span>
</div>
<div class="work_website">
<a href="https://www.referalah.com">https://www.referalah.com</a>
</div>
</div>
<div class="summary">
<p>Referalah is an open-sourced platform for overseas HongKongers to network for job referrals, connect for job opportunities, and support each other.</p>
</div>
</div>
<div class="item">
<h3 class="company">
Campus TV, HKUSU, Session 2020-2021
</h3>
<div class="split">
<div class="work_position">
Chairperson & Student Press
</div>
<div class="work_date">
<span class="startDate">
<time datetime="2020-03-01T00:00:00.000Z">Mar 2020</time>
</span>
<span class="endDate">
- <time datetime="2021-02-01T00:00:00.000Z">Feb 2021</time>
</span>
</div>
<div class="work_website">
<a href="https://www.facebook.com/hkucampustv/">https://www.facebook.com/hkucampustv/</a>
</div>
</div>
<div class="summary">
<p>Campus TV is a student-run media organization in HKU. We produce videos and articles to report on campus news and events. We make a large variety of videos from memes, to interviews with HKU Council or student bodies candidates. We also have a Facebook page with over 100,000 followers.</p>
</div>
</div>
</section>
<section id="projects">
<h2>Projects</h2>
<div class="item">
<h3 class="work_name">
An All-in-one HKU App for Students (Final Year Project/Final Research Project)
</h3>
<div class="split">
<div class="work_date">
<span class="startDate">
<time datetime="2023-09-01T00:00:00.000Z">Sep 2023</time>
</span>
<span class="endDate">
- Present
</span>
</div>
<div class="work_website">
<a href="https://wp2023.cs.hku.hk/fyp23079/">https://wp2023.cs.hku.hk/fyp23079/</a>
</div>
</div>
<div class="split">
<div class="summary">
<p>This project aims to tackle the pressing necessity to address the digital confusion that the students face at HKU. The envisioned mobile application seeks to amalgamate various student-centric functionalities into a singular, user-friendly, intuitive and modern platform. By potentially leveraging web scraping technology or obtaining API access from ITS, the app aims to aggregate essential data from HKU Portal, simplifying access to academic data, facility bookings, and campus events, while implementing intelligent and nice-to-have features like course reviews, GPT-powered friendship pairings, smart notifications and an intelligent chatbot with extensive knowledge of the student’s information to improve and enrich student’s campus life.</p>
</div>
</div>
<ul class="horizontal_list" style="text-align: center;">
<li style="display: inline;">Swift</li>
<li style="display: inline;">SwiftUI</li>
<li style="display: inline;">Go</li>
<li style="display: inline;">gRPC</li>
<li style="display: inline;">PostgreSQL</li>
<li style="display: inline;">Google Cloud Platform</li>
<li style="display: inline;">Supabase</li>
<li style="display: inline;">OpenAI API</li>
</ul>
</div>
<div class="item">
<h3 class="work_name">
Haskell-based JavaScript-like interpreter
</h3>
<div class="split">
<div class="work_date">
<span class="startDate">
<time datetime="2023-01-01T00:00:00.000Z">Jan 2023</time>
</span>
<span class="endDate">
- <time datetime="2023-05-31T00:00:00.000Z">May 2023</time>
</span>
</div>
</div>
<div class="split">
<div class="summary">
<p>Developed a programming language interpreter with Haskell during Principles of Programming Languages course with features like conditionals, function definitions, higher-order functions, mutable-state, monads...</p>
</div>
</div>
<ul class="horizontal_list" style="text-align: center;">
<li style="display: inline;">Haskell</li>
<li style="display: inline;">Interpreter</li>
</ul>
</div>
<div class="item">
<h3 class="work_name">
Simple Messaging Client-to-host
</h3>
<div class="split">
<div class="work_date">
<span class="startDate">
<time datetime="2022-01-01T00:00:00.000Z">Jan 2022</time>
</span>
<span class="endDate">
- <time datetime="2022-05-31T00:00:00.000Z">May 2022</time>
</span>
</div>
<div class="work_website">
<a href="https://github.com/yaucp/Messaging">https://github.com/yaucp/Messaging</a>
</div>
</div>
<div class="split">
<div class="summary">
<p>A simple messaging client/host written in Python for computer networking course in Aalto University. Socket programming is involved as well to try to learn the basics of computer networking.</p>
</div>
</div>
<ul class="horizontal_list" style="text-align: center;">
<li style="display: inline;">Python</li>
<li style="display: inline;">Computer Networking</li>
<li style="display: inline;">Socket Programming</li>
</ul>
</div>
<div class="item">
<h3 class="work_name">
Big Two
</h3>
<div class="split">
<div class="work_date">
<span class="startDate">
<time datetime="2020-09-30T00:00:00.000Z">Sep 2020</time>
</span>
<span class="endDate">
- <time datetime="2020-12-31T00:00:00.000Z">Dec 2020</time>
</span>
</div>
</div>
<div class="split">
<div class="summary">
<p>Multiplayer networked cross-platform card game in Java</p>
</div>
</div>
</div>
</section>
<section id="education">
<h2>Education</h2>
<div class="item">
<div class="split">
<div class="institution">
The University of Hong Kong
</div>
<div class="study_date">
<span class="startDate">
<time datetime="2019-09-01T00:00:00.000Z">Sep 2019</time>
</span>
<span class="endDate">
- <time datetime="2024-06-01T00:00:00.000Z">Jun 2024</time>
</span>
</div>
</div>
<div class="qualification">
Bachelor of Engineering - BEng
</div>
<ul class="courses">
<li>COMP2119 - Introduction to data structures and algorithms</li>
<li>COMP2120 - Computer organization</li>
<li>COMP2396 - Object-oriented programming and Java</li>
<li>COMP3230 - Principles of operating systems</li>
<li>COMP3251 - Algorithm design</li>
<li>COMP3258 - Functional programming (Haskell)</li>
<li>COMP3259 - Principles of programming languages (Haskell) (A+)</li>
<li>COMP3278 - Introduction to database management systems</li>
<li>COMP3322 - Modern Technologies on World Wide Web</li>
<li>COMP3355 - Cyber Security</li>
</ul>
</div>
<div class="item">
<div class="split">
<div class="institution">
Aalto University
</div>
<div class="study_date">
<span class="startDate">
<time datetime="2022-01-01T00:00:00.000Z">Jan 2022</time>
</span>
<span class="endDate">
- <time datetime="2022-05-01T00:00:00.000Z">May 2022</time>
</span>
</div>
</div>
<div class="qualification">
Semester Exchange
</div>
<ul class="courses">
<li>Software Engineering</li>
<li>Machine Learning</li>
<li>Basic Principles in Networking</li>
<li>Introduction to AI</li>
<li>Digital Ethics</li>
</ul>
</div>
</section>
<section id="languages">
<h2>Languages</h2>
<div class="item">
<div class="language">
Cantonese
</div>
<div class="level">
<em>Native Speaker</em>
</div>
</div>
<div class="item">
<div class="language">
English
</div>
<div class="level">
<em>Full Professional (IELTS Band 8)</em>
</div>
</div>
<div class="item">
<div class="language">
Mandarin
</div>
<div class="level">
<em>Full Professional</em>
</div>
</div>
</section>
<section id="interests">
<h2>Interests</h2>
<div class="item">
<div class="name">
Photography
</div>
</div>
<div class="item">
<div class="name">
Watching Movies
</div>
</div>
<div class="item">
<div class="name">
Solo travelling
</div>
</div>
</section>
</div>
<footer>
<p>Check out the <a href="https://github.com/yaucp/yaucp">GitHub repo</a> for this website!</p>
<p>This website is powered by Cloudflare Page. The html page is automatically generated by using <a href="https://github.com/marketplace/actions/jsonresume-export">Github Actions</a> with <a href="https://jsonresume.org/schema/">JSON Resume</a> schema.</p>
</footer>
<script>
console.log('Theme made with 💕 using JSON Resume and Handlebars!\nhttps://github.com/jsonresume/jsonresume-theme-class')
</script>
</body>
</html>