jsonresume-theme-class-yaucp
Version:
Class Theme for JSON Resume
731 lines (628 loc) • 22.8 kB
HTML
<html>
<head prefix="og: http://ogp.me/ns# profile: http://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👋🏻! I Took a gap semester for a full-time internship in Finverse Technologies in the last Winter semester. 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) Interested working in backend in the future...">
<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👋🏻! I Took a gap semester for a full-time internship in Finverse Technologies in the last Winter semester. 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) Interested working in backend in the future..."
}
</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;
}
</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👋🏻! I Took a gap semester for a full-time internship in Finverse Technologies in the last Winter semester. 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) Interested working in backend in the future...</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 Technologies
</div>
<ul class="keywords">
<li>Python</li>
<li>Java</li>
<li>Go</li>
<li>C++/C</li>
<li>Haskell</li>
<li>MySQL</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">
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
</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>Connected different commercial banks to an open-banking API-based system by reverse engineering and web scraping data from banks securely in TypeScript and Node.js</li>
<li>Handling different communications between micro-services with Go and Protocol Buffers</li>
<li>Added demo of API functionality with React.js</li>
<li>Wrote unit tests to ensure high code quality with Jest and Nock</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">
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>
</section>
<section id="projects">
<h2>Projects</h2>
<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...</p>
</div>
</div>
</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>
</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>COMP2396 - Object-oriented programming and Java</li>
<li>COMP3322 - Modern Technologies on World Wide Web</li>
<li>COMP2119 - Introduction to data structures and algorithms</li>
<li>COMP3230 - Principles of operating systems</li>
<li>COMP3258 - Functional programming (Haskell)</li>
<li>COMP3278 - Introduction to database management systems</li>
<li>COMP3355 - Cyber Security</li>
<li>COMP3251 - Algorithm design</li>
<li>COMP3259 - Principles of programming languages (Haskell) (A+)</li>
<li>COMP2120 - Computer organization</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</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>