Compare commits
3 Commits
latex-resu
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| 58a3eeab3b | |||
| c6f9ad9ad1 | |||
| 56aa499c6a |
@@ -106,16 +106,11 @@ body {
|
|||||||
// line-height: 1.5;
|
// line-height: 1.5;
|
||||||
line-height: 1.57;
|
line-height: 1.57;
|
||||||
// font-size: 100%;
|
// font-size: 100%;
|
||||||
// font-size: 15px;
|
font-size: 15px;
|
||||||
font-size: 17px;
|
|
||||||
// font-size: 20px;
|
// font-size: 20px;
|
||||||
// font-size: 22px;
|
// font-size: 22px;
|
||||||
/* font-family: 'Source Code Pro', monospace; */
|
/* font-family: 'Source Code Pro', monospace; */
|
||||||
// font-family: 'Hack', monospace;
|
font-family: 'Hack', monospace;
|
||||||
// body {
|
|
||||||
// font-family: 'Times New Roman', serif;
|
|
||||||
font-family: "Computer Modern Serif";
|
|
||||||
// }
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
@@ -500,7 +495,7 @@ header {// {{{
|
|||||||
#contact-info {// {{{
|
#contact-info {// {{{
|
||||||
@include side-margin-em(0);
|
@include side-margin-em(0);
|
||||||
// @include vert-padding-rem(0.5);
|
// @include vert-padding-rem(0.5);
|
||||||
// @include a-color($base-sky-blue);
|
@include a-color($base-sky-blue);
|
||||||
// min-width: $max-page-width;
|
// min-width: $max-page-width;
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.container{
|
.container{
|
||||||
@@ -508,7 +503,6 @@ header {// {{{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {// {{{
|
a {// {{{
|
||||||
color: #4287cd;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@@ -520,8 +514,7 @@ header {// {{{
|
|||||||
|
|
||||||
.row {
|
.row {
|
||||||
// flex-grow: 1;
|
// flex-grow: 1;
|
||||||
// color: $base05;
|
color: $base05;
|
||||||
color: #4287cd;
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: 1em;
|
height: 1em;
|
||||||
@@ -541,7 +534,6 @@ header {// {{{
|
|||||||
.url-info {
|
.url-info {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
// text-decoration: underline;
|
|
||||||
// position: relative;
|
// position: relative;
|
||||||
// left: -8px;
|
// left: -8px;
|
||||||
// @media (max-width: $phone-width) {
|
// @media (max-width: $phone-width) {
|
||||||
@@ -566,8 +558,7 @@ header {// {{{
|
|||||||
}// }}}
|
}// }}}
|
||||||
|
|
||||||
h1 {// {{{
|
h1 {// {{{
|
||||||
// color: $base-orange;
|
color: $base-orange;
|
||||||
color: black;
|
|
||||||
// margin-top: 1.3rem;
|
// margin-top: 1.3rem;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
// font-size: 1.2em;
|
// font-size: 1.2em;
|
||||||
@@ -608,7 +599,7 @@ header {// {{{
|
|||||||
}// }}}
|
}// }}}
|
||||||
|
|
||||||
.section-header {
|
.section-header {
|
||||||
margin-top: .7em;
|
margin-top: 1em;
|
||||||
margin-bottom: 0.4em;
|
margin-bottom: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -645,9 +636,7 @@ header {// {{{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.project-title {
|
.project-title {
|
||||||
// color: $base-blue;
|
color: $base-blue;
|
||||||
color: black;
|
|
||||||
display: inline;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.project-link {
|
.project-link {
|
||||||
@@ -688,8 +677,7 @@ header {// {{{
|
|||||||
}// }}}
|
}// }}}
|
||||||
|
|
||||||
.company {
|
.company {
|
||||||
// color: #fe4646;
|
color: #fe4646;
|
||||||
color: black;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
@@ -698,26 +686,18 @@ header {// {{{
|
|||||||
.position {
|
.position {
|
||||||
// color: black;
|
// color: black;
|
||||||
// color: $base-sky-blue;
|
// color: $base-sky-blue;
|
||||||
// color: $base-blue;
|
color: $base-blue;
|
||||||
color: black;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
// font-style: italic;
|
// font-style: italic;
|
||||||
// font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
font-size: 1em;
|
|
||||||
// margin-bottom: 5px;
|
// margin-bottom: 5px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.languages {
|
|
||||||
// font-style: italic;
|
|
||||||
// font-size: .9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.institution {
|
.institution {
|
||||||
// color: $base-yellow;
|
// color: $base-yellow;
|
||||||
// color: $base-dark-orange;
|
// color: $base-dark-orange;
|
||||||
// color: $base-blue;
|
color: $base-blue;
|
||||||
color: black;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
@@ -823,21 +803,16 @@ header {// {{{
|
|||||||
h1.site-title {// {{{
|
h1.site-title {// {{{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
// font-size: 4.2em;
|
// font-size: 4.2em;
|
||||||
// font-size: 3.2em;
|
font-size: 3.2em;
|
||||||
font-size: 2.5em;
|
|
||||||
// color: #66cccc;
|
// color: #66cccc;
|
||||||
color: $base05;
|
color: $base05;
|
||||||
// margin-top: 1rem;
|
// margin-top: 1rem;
|
||||||
// margin-bottom: 0.75rem;
|
// margin-bottom: 0.75rem;
|
||||||
@include vert-margin-rem(.75);
|
@include vert-margin-rem(.75);
|
||||||
|
|
||||||
// @include a-color($base-sky-blue);
|
@include a-color($base-sky-blue);
|
||||||
a {
|
a {
|
||||||
color: black;
|
text-decoration: none;
|
||||||
// text-decoration: none;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-thickness: 2px;
|
|
||||||
text-underline-offset: 5px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// @media (max-width: $phone-width) {
|
// @media (max-width: $phone-width) {
|
||||||
@@ -1003,8 +978,7 @@ article.single section.body h5 { color: #515151; }
|
|||||||
article.single section.body h6 { color: #747369; }
|
article.single section.body h6 { color: #747369; }
|
||||||
|
|
||||||
// article.single section.body a,a:visited { color: #a06700; }
|
// article.single section.body a,a:visited { color: #a06700; }
|
||||||
// article.single section.body a,a:visited { color: $base-sky-blue; }
|
article.single section.body a,a:visited { color: $base-sky-blue; }
|
||||||
// article.single section.body a,a:visited { color: $base-sky-blue; }
|
|
||||||
|
|
||||||
/* Article Elements */
|
/* Article Elements */
|
||||||
|
|
||||||
|
|||||||
@@ -24,14 +24,15 @@ title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" d
|
|||||||
and downtime during production launches**.
|
and downtime during production launches**.
|
||||||
- **Enhanced system reliability** by refactoring probes to
|
- **Enhanced system reliability** by refactoring probes to
|
||||||
[assign default values](https://github.com/apache/incubator-kie-kogito-operator/commit/af4977af228ec8648be28779259d4552246b656f) dynamically based on deployed YAML
|
[assign default values](https://github.com/apache/incubator-kie-kogito-operator/commit/af4977af228ec8648be28779259d4552246b656f) dynamically based on deployed YAML
|
||||||
files and fixing reconciliation issues, **increasing probe accuracy by 30%** and preventing misconfigurations.
|
files and fixing reconciliation issues, **increasing probe
|
||||||
|
accuracy by 30%** and preventing misconfigurations.
|
||||||
- **Increased CI pipeline efficiency** by rewriting the
|
- **Increased CI pipeline efficiency** by rewriting the
|
||||||
**Jenkins (Groovy)** [nightly pipeline](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88) to run in a GitHub PR
|
**Jenkins (Groovy)** [nightly pipeline](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88) to run in a GitHub PR
|
||||||
environment, allowing for automated testing of all
|
environment, allowing for automated testing of all
|
||||||
team-submitted PRs prior to merging, **reducing manual
|
team-submitted PRs prior to merging, **reducing manual
|
||||||
intervention by 60%**.
|
intervention by 60%**.
|
||||||
- **Demonstrated leadership and collaboration** by actively
|
- **Demonstrated leadership and collaboration** by actively
|
||||||
contributing to Agile sprint planning in a 12-member team,
|
contributing to **Agile** sprint planning in a 12-member team,
|
||||||
driving improvement in sprint velocity through
|
driving improvement in sprint velocity through
|
||||||
optimized task delegation and idea generation.
|
optimized task delegation and idea generation.
|
||||||
- **Increased project reproducibility** by taking initiative to
|
- **Increased project reproducibility** by taking initiative to
|
||||||
@@ -48,53 +49,48 @@ title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" d
|
|||||||
|
|
||||||
{{% resume/section projects %}}<!--- {{{ -->
|
{{% resume/section projects %}}<!--- {{{ -->
|
||||||
|
|
||||||
<!--- AWS {{{ -->
|
<!--- Rarity Surf {{{ -->
|
||||||
|
|
||||||
{{% resume/project name="AWS Server"
|
{{% resume/project name="Rarity Surf"
|
||||||
url="https://kevin-mok.com/server/" languages="AWS, Kubernetes, Docker, Terraform" date="May 2024" show="true" %}}
|
languages="Python, JavaScript, React, Django"
|
||||||
|
date="Oct 2021" show="true" %}}
|
||||||
|
|
||||||
- **Deployed and maintained [multiple web applications](https://kevin-mok.com/server/)**
|
- **Developed a full-stack web application** to generate rarity
|
||||||
using **Docker Compose** on **AWS EC2 Debian/Linux servers**,
|
rankings for NFT's integrated with OpenSea's API,
|
||||||
ensuring consistent environments for applications handling
|
enabling users to **quickly identify rare NFT's** and check
|
||||||
**over 2,000+ monthly requests**.
|
their listing status, **improving market research efficiency by 80%**.
|
||||||
- **Automated AWS infrastructure provisioning** by writing
|
- **Reverse engineered a proprietary ranking algorithm** to
|
||||||
[**Terraform** files](https://github.com/Kevin-Mok/terraform-deploys/tree/main) to deploy AWS EC2 instances and Docker
|
mirror the leading rarity ranking site’s results,
|
||||||
containers, **accelerating deployment times by 80%** and
|
**achieving 99.75% accuracy** by
|
||||||
providing an easily reproducible infrastructure setup.
|
utilizing data scraping techniques [with Selenium](https://github.com/Kevin-Mok/rarity-surf/blob/django/rarity_check/project/scrape.py),
|
||||||
- **Improved web application accessibility** by
|
increasing the platform's trustworthiness among users.
|
||||||
configuring **AWS Route 53**’s DNS and **NGINX** to route
|
- **Optimized purchasing strategy** by leveraging the app to
|
||||||
subdomains to individual web apps, **enabling seamless
|
frontrun competitors in purchasing top 0.5% rarity NFTs,
|
||||||
navigation between apps**.
|
**boosting acquisition success rate by 90%** and allowing
|
||||||
- **Built a uptime monitoring system** by writing a
|
users to gain a competitive edge in the marketplace.
|
||||||
[JavaScript script](https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service) and setting up a systemd
|
- **Architected a robust Django (Python) [backend](https://github.com/Kevin-Mok/rarity-surf)** to fetch and process
|
||||||
service/timer to check and display page uptime,
|
NFT metadata from IPFS, store rarity rankings in
|
||||||
**ensuring near real-time monitoring and reducing downtime
|
**PostgreSQL**, and serve the data via GraphQL API, **ensuring low-latency access and scaling to handle 2,000+ concurrent requests**.
|
||||||
time by 95%**.
|
- **Developed a dynamic React [frontend](https://github.com/Kevin-Mok/rarity-surf-frontend)** using hooks to load
|
||||||
- **Optimized cloud security** by configuring AWS security
|
rarity data in real-time, styled with Tailwind for
|
||||||
groups to allow inbound HTTPS traffic, **improving system
|
mobile responsiveness, **improving user experience
|
||||||
accessibility while maintaining secure data transmission**,
|
and reducing frontend load times by 70%**.
|
||||||
resulting in a **50% reduction in data interference
|
|
||||||
attempts**.
|
|
||||||
- **Enhanced data resilience** by automating regular backups
|
|
||||||
using Amazon EBS snapshots, ensuring **99.9% uptime and data
|
|
||||||
integrity** by creating consistent and reliable backups,
|
|
||||||
**reducing potential data loss by 95%** in disaster scenarios.
|
|
||||||
|
|
||||||
{{% /resume/project %}}
|
{{% /resume/project %}}
|
||||||
|
|
||||||
<!--- AWS }}} -->
|
<!--- Rarity Surf }}} -->
|
||||||
|
|
||||||
{{% /resume/section %}}<!--- }}} -->
|
{{% /resume/section %}}<!--- }}} -->
|
||||||
|
|
||||||
{{% resume/section skills %}}<!--- {{{ -->
|
{{% resume/section skills %}}<!--- {{{ -->
|
||||||
|
|
||||||
AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Go(Lang), Bash, **Linux**, **JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Solidity, C, **Git**, **Command Line**
|
**JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Bash, **Git**, **Linux**, **Command Line**, Go(Lang), AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Solidity, C
|
||||||
|
|
||||||
{{% /resume/section %}}<!--- }}} -->
|
{{% /resume/section %}}<!--- }}} -->
|
||||||
|
|
||||||
{{% resume/section education %}}<!--- {{{ -->
|
{{% resume/section education %}}<!--- {{{ -->
|
||||||
|
|
||||||
{{% resume/education name="University of Toronto (St. George)"
|
{{% resume/education name="University of Toronto"
|
||||||
title="Computer Science Specialist — 3.84 GPA (CS). Graduated with High Distinction." date="2019 — 2024" %}}
|
title="Computer Science Specialist — 3.84 GPA (CS). Graduated with High Distinction." date="2019 — 2024" %}}
|
||||||
|
|
||||||
{{% /resume/section %}}<!--- }}} -->
|
{{% /resume/section %}}<!--- }}} -->
|
||||||
|
|||||||
@@ -1,154 +1,35 @@
|
|||||||
<!--- {{{ Red Hat -->
|
<!--- CSC369 {{{ -->
|
||||||
|
|
||||||
- Reduced deployment time by **66%** by [implementing ability](https://github.com/apache/incubator-kie-kogito-operator/commit/175a6356c5474f2360ccb8ae835e0b9b2d653cf1) to
|
{{% resume/project name="Custom Kernel Module"
|
||||||
deploy locally-compiled binaries onto **Kubernetes**/**OpenShift**
|
url="https://kevin-mok.com/server/" date="Jan. 2022" show="true" %}}
|
||||||
using only command-line (**Kubernetes/GoLang** used for this and three below).
|
|
||||||
- Implemented ability for Kubernetes operator to fetch data
|
|
||||||
from a deployed service and update config with data to
|
|
||||||
deprecate reliance on startup script.
|
|
||||||
- Added startup probes to handle starting legacy application containers that require additional startup time.
|
|
||||||
- Refactored probes to [have default values](https://github.com/apache/incubator-kie-kogito-operator/commit/af4977af228ec8648be28779259d4552246b656f) assigned based on
|
|
||||||
deployed YAML while also fixing reconciliation issues.
|
|
||||||
- Rewrote the **Jenkins (Groovy)** [nightly pipeline](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88) to run in a GitHub
|
|
||||||
PR using a trigger keyword to test all the team's submitted PR's
|
|
||||||
before merging to the main branch.
|
|
||||||
- Took on tasks and contributed ideas in **Agile sprint** planning meetings in a team of 12 people.
|
|
||||||
- Took initiative to write [file](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88#diff-7d2c018dafbccec859077d19bf1ade53ec9c7649f235528ce89f5632b109f7e6)
|
|
||||||
to define the GitHub parameters for the above pipeline so that it
|
|
||||||
can be recreated easily.
|
|
||||||
- Took initiative to write [documentation](https://github.com/apache/incubator-kie-kogito-operator/blob/1534c03d1d26bec08a16608a775782bf8b305de9/docs/GUIDE_FOR_KOGITO_DEVS.md) on how to get started with the project to onboard new
|
|
||||||
developers and mentored the incoming intern.
|
|
||||||
|
|
||||||
<!--- }}} Red Hat -->
|
- Wrote and installed a [custom Linux kernel module](https://github.com/Kevin-Mok/interceptor-kernel/blob/master/a1/interceptor.c) in **C**.
|
||||||
|
- Intercepted pre-existing system calls using
|
||||||
<!--- Rarity Surf {{{ -->
|
custom kernel module by sending commands to
|
||||||
|
userspace.
|
||||||
{{% resume/project name="Rarity Surf"
|
- Monitored specific process ID's in my system
|
||||||
languages="Python, JavaScript, React, Django"
|
call to intercept their system calls.
|
||||||
date="Oct 2021" show="true" %}}
|
|
||||||
|
|
||||||
- **Developed a full-stack web application** to generate rarity
|
|
||||||
rankings for NFT's integrated with OpenSea's API,
|
|
||||||
enabling users to **quickly identify rare NFT's** and check
|
|
||||||
their listing status, **improving market research efficiency by 80%**.
|
|
||||||
- **Reverse engineered a proprietary ranking algorithm** to
|
|
||||||
mirror the leading rarity ranking site’s results,
|
|
||||||
**achieving 99.75% accuracy** by
|
|
||||||
utilizing data scraping techniques [with Selenium](https://github.com/Kevin-Mok/rarity-surf/blob/django/rarity_check/project/scrape.py),
|
|
||||||
increasing the platform's trustworthiness among users.
|
|
||||||
- **Optimized purchasing strategy** by leveraging the app to
|
|
||||||
frontrun competitors in purchasing top 0.5% rarity NFTs,
|
|
||||||
**boosting acquisition success rate by 90%** and allowing
|
|
||||||
users to gain a competitive edge in the marketplace.
|
|
||||||
- **Architected a robust Django (Python) [backend](https://github.com/Kevin-Mok/rarity-surf)** to fetch and process
|
|
||||||
NFT metadata from IPFS, store rarity rankings in
|
|
||||||
**PostgreSQL**, and serve the data via GraphQL API, **ensuring low-latency access and scaling to handle 2,000+ concurrent requests**.
|
|
||||||
- **Developed a dynamic React [frontend](https://github.com/Kevin-Mok/rarity-surf-frontend)** using hooks to load
|
|
||||||
rarity data in real-time, styled with Tailwind for
|
|
||||||
mobile responsiveness, **improving user experience
|
|
||||||
and reducing frontend load times by 70%**.
|
|
||||||
|
|
||||||
{{% /resume/project %}}
|
{{% /resume/project %}}
|
||||||
|
|
||||||
<!--- Rarity Surf }}} -->
|
<!--- CSC369 }}} -->
|
||||||
|
|
||||||
<!--- Rarity Surf (short) {{{ -->
|
<!--- Spotify Graphs {{{ -->
|
||||||
|
|
||||||
{{% resume/project name="Rarity Surf"
|
|
||||||
languages="Python, JavaScript, React, Django"
|
|
||||||
date="Oct 2021" show="true" %}}
|
|
||||||
|
|
||||||
- **Architected a robust Django (Python) [backend](https://github.com/Kevin-Mok/rarity-surf)** store NFT rarity rankings in
|
|
||||||
**PostgreSQL** and serve the data via GraphQL API, **ensuring low-latency access and scaling to handle 2,000+ concurrent requests**.
|
|
||||||
- **Developed a dynamic React [frontend](https://github.com/Kevin-Mok/rarity-surf-frontend)** using hooks to load
|
|
||||||
rarity data in real-time, styled with Tailwind for
|
|
||||||
mobile responsiveness, **improving user experience
|
|
||||||
and reducing frontend load times by 70%**.
|
|
||||||
|
|
||||||
|
|
||||||
{{% /resume/project %}}
|
|
||||||
|
|
||||||
<!--- Rarity Surf (short) }}} -->
|
|
||||||
|
|
||||||
<!--- Astronofty {{{ -->
|
|
||||||
|
|
||||||
{{% resume/project name="Astronofty"
|
|
||||||
url="https://github.com/Kevin-Mok/astronofty" languages="JavaScript, React, Solidity" date="Jan 2023"
|
|
||||||
show="true" %}}
|
|
||||||
|
|
||||||
- Created for a 36 hour hackathon (UofTHacks X) where it [**came 2nd overall**](https://devpost.com/software/astronofty).
|
|
||||||
- Created and deployed a smart contract with **Solidity** on
|
|
||||||
the Ethereum blockchain to create/buy/sell NFT's.
|
|
||||||
- Wrote **React** [components](https://github.com/Kevin-Mok/astronofty/tree/main/src/components) to synchronously upload images and metadata to IPFS and fetch and show NFT's.
|
|
||||||
|
|
||||||
{{% /resume/project %}}
|
|
||||||
|
|
||||||
<!--- Astronofty }}} -->
|
|
||||||
|
|
||||||
<!--- AWS {{{ -->
|
|
||||||
|
|
||||||
{{% resume/project name="AWS Server"
|
|
||||||
url="https://kevin-mok.com/server/" languages="AWS, Kubernetes, Docker, Terraform" date="May 2024" show="true" %}}
|
|
||||||
|
|
||||||
- **Deployed and maintained multiple web applications**
|
|
||||||
using **Docker Compose** on **AWS EC2 Debian/Linux servers**,
|
|
||||||
ensuring consistent environments for applications handling
|
|
||||||
**over 2,000+ monthly requests**.
|
|
||||||
- **Streamlined infrastructure management** by creating
|
|
||||||
Kubernetes manifest files to easily recreate server setups
|
|
||||||
with persistent storage, automatic restarts, and open
|
|
||||||
ports, **reducing the need for manual configuration**.
|
|
||||||
- **Automated AWS infrastructure provisioning** by writing
|
|
||||||
**Terraform** files to deploy **EC2** instances and Docker
|
|
||||||
containers, **accelerating deployment times by 80%** and
|
|
||||||
providing an easily reproducible infrastructure setup for
|
|
||||||
future projects.
|
|
||||||
- **Improved web application accessibility** by
|
|
||||||
configuring **AWS Route 53**’s DNS and **NGINX** to route
|
|
||||||
subdomains to individual web apps, **enabling seamless
|
|
||||||
navigation between apps**.
|
|
||||||
- **Built a uptime monitoring system** by writing a
|
|
||||||
[JavaScript script](https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service) and setting up a systemd
|
|
||||||
service/timer to check and display page uptime,
|
|
||||||
**ensuring near real-time monitoring and reducing downtime
|
|
||||||
time by 95%**.
|
|
||||||
|
|
||||||
{{% /resume/project %}}
|
|
||||||
|
|
||||||
<!--- AWS }}} -->
|
|
||||||
|
|
||||||
|
|
||||||
<!--- Astronofty (extended) {{{ -->
|
|
||||||
|
|
||||||
{{% resume/project name="Astronofty"
|
|
||||||
url="https://github.com/Kevin-Mok/astronofty" languages="JavaScript, React, Solidity" date="Jan 2023"
|
|
||||||
show="true" %}}
|
|
||||||
|
|
||||||
- **Secured [2nd place](https://devpost.com/software/astronofty) overall out of 150+ teams** at UofTHacks
|
|
||||||
X, a 36-hour hackathon, for developing a blockchain-based
|
|
||||||
NFT marketplace app.
|
|
||||||
- **Built and optimized React (JavaScript) [components](https://github.com/Kevin-Mok/astronofty/tree/main/src/components)** to synchronously
|
|
||||||
upload images and metadata to IPFS, **enhancing user engagement by 40%** during the demo,
|
|
||||||
and ensuring real-time NFT data retrieval, achieving a **75% improvement in loading times**.
|
|
||||||
|
|
||||||
{{% /resume/project %}}
|
|
||||||
|
|
||||||
<!--- Astronofty }}} -->
|
|
||||||
|
|
||||||
<!--- {{{ Spotify Graphs -->
|
|
||||||
|
|
||||||
{{% resume/project name="Spotify Graphs"
|
{{% resume/project name="Spotify Graphs"
|
||||||
url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2020 "
|
url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018"
|
||||||
languages="Python, Django, PostgreSQL"
|
|
||||||
show="true" %}}
|
show="true" %}}
|
||||||
|
|
||||||
- Web app to visualize user's library and listening
|
- Implemented base functionality of scanning tracks and listening
|
||||||
history from Spotify.
|
history from user's library using Spotify API and organized data
|
||||||
- [Fetched and organized](https://github.com/Kevin-Mok/spotify-lib-vis/blob/master/api/utils.py) user data from Spotify API into PostgreSQL database with **Django (Python)** backend.
|
into **PostgreSQL** database with **Django** backend.
|
||||||
- Created and tested various relational database schemas to maximize
|
- Created and tested various relational database schemas to maximize
|
||||||
efficiency for use cases.
|
efficiency for use cases.
|
||||||
- Generated various charts to visualize the artists and genres
|
- Produced bubble chart and (stacked) bar chart using [**d3**]
|
||||||
of tracks in library.
|
[d3 graph examples] to visualize the artists, genres and features of
|
||||||
|
tracks in library.
|
||||||
|
|
||||||
|
[d3 graph examples]: https://github.com/d3/d3/wiki/Gallery
|
||||||
|
|
||||||
{{% /resume/project %}}
|
{{% /resume/project %}}
|
||||||
|
|
||||||
@@ -175,21 +56,24 @@ show="true" %}}
|
|||||||
|
|
||||||
<!--- Grocery Finder }}} -->
|
<!--- Grocery Finder }}} -->
|
||||||
|
|
||||||
<!--- CSC369 {{{ -->
|
<!--- DigitalOcean {{{ -->
|
||||||
|
|
||||||
{{% resume/project name="Custom Kernel Module"
|
{{% resume/project name="Personal Server"
|
||||||
url="https://kevin-mok.com/server/" date="Jan. 2022" show="true" %}}
|
url="https://kevin-mok.com/server/" date="Aug. 2019 — present" %}}
|
||||||
|
|
||||||
- Wrote and installed a [custom Linux kernel module](https://github.com/Kevin-Mok/interceptor-kernel/blob/master/a1/interceptor.c) in **C**.
|
- Deployed various web apps with backends such as Node, PHP and Python using
|
||||||
- Intercepted pre-existing system calls using
|
**NGINX** on a **Debian** server.
|
||||||
custom kernel module by sending commands to
|
- Monitor system resources and perform system maintenance using tmux.
|
||||||
userspace.
|
- Wrote [**Node.js** script][server script] and [**systemd** service][systemd service]/[timer]
|
||||||
- Monitored specific process ID's in my system
|
to check and display the uptime of my pages every hour.
|
||||||
call to intercept their system calls.
|
|
||||||
|
[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
|
||||||
|
[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
|
||||||
|
[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
|
||||||
|
|
||||||
{{% /resume/project %}}
|
{{% /resume/project %}}
|
||||||
|
|
||||||
<!--- CSC369 }}} -->
|
<!--- DigitalOcean Droplet }}} -->
|
||||||
|
|
||||||
<!--- ParsaFood {{{ -->
|
<!--- ParsaFood {{{ -->
|
||||||
|
|
||||||
@@ -212,23 +96,3 @@ https://www.eventbrite.com/e/platterz-hackathon-tickets-42682237722
|
|||||||
{{% /resume/project %}}
|
{{% /resume/project %}}
|
||||||
|
|
||||||
<!--- ParsaFood }}} -->
|
<!--- ParsaFood }}} -->
|
||||||
|
|
||||||
<!--- DigitalOcean {{{ -->
|
|
||||||
|
|
||||||
{{% resume/project name="Personal Server"
|
|
||||||
url="https://kevin-mok.com/server/" date="Aug. 2019 — present" %}}
|
|
||||||
|
|
||||||
- Deployed various web apps with backends such as Node, PHP and Python using
|
|
||||||
**NGINX** on a **Debian** server.
|
|
||||||
- Monitor system resources and perform system maintenance using tmux.
|
|
||||||
- Wrote [**Node.js** script][server script] and [**systemd** service][systemd service]/[timer]
|
|
||||||
to check and display the uptime of my pages every hour.
|
|
||||||
|
|
||||||
[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
|
|
||||||
[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
|
|
||||||
[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
|
|
||||||
|
|
||||||
{{% /resume/project %}}
|
|
||||||
|
|
||||||
<!--- DigitalOcean Droplet }}} -->
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,25 +0,0 @@
|
|||||||
# Red Hat
|
|
||||||
1. Reduced deployment time by 66% by implementing ability to deploy locally-compiled binaries onto Kubernetes/OpenShift using only command-line (Kubernetes/GoLang used for this and three below).
|
|
||||||
2. Implemented ability for Kubernetes operator to fetch data from a deployed service and update config with data to deprecate reliance on startup script.
|
|
||||||
3. Added startup probes to handle starting legacy application containers that require additional startup time.
|
|
||||||
4. Refactored probes to have default values assigned based on deployed YAML while also fixing reconciliation issues.
|
|
||||||
5. Rewrote the Jenkins (Groovy) nightly pipeline to run in a GitHub PR using a trigger keyword to test all the team’s submitted PR’s before merging to the main branch.
|
|
||||||
6. Took on tasks and contributed ideas in Agile sprint planning meetings in a team of 12 people.
|
|
||||||
7. Took initiative to write file to define the GitHub parameters for the above pipeline so that it can be recreated easily.
|
|
||||||
8. Took initiative to write documentation on how to get started with the project to onboard new developers and mentored the incoming intern.
|
|
||||||
|
|
||||||
# Rarity Surf
|
|
||||||
1. Web app to give rarity rankings to NFT’s and check which are listed on the OpenSea marketplace using their API.
|
|
||||||
2. Reverse engineered the ranking algorithm to match the leading rarity ranking site’s rankings (scraped using Selenium) with a discrepancy of <0.25%.
|
|
||||||
3. Used app to frontrun purchases of top 0.5% rarity NFT’s against competing buyers.
|
|
||||||
4. Wrote Django (Python) backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
|
|
||||||
5. Wrote React frontend with hooks to dynamically load rarity data. Styled with Tailwind.
|
|
||||||
|
|
||||||
# AWS
|
|
||||||
1. Deployed various web apps using Docker (Compose) on an AWS EC2 Debian/Linux server.
|
|
||||||
2. Created Kubernetes manifest files to quickly recreate my server setup with persistent storage/restarts and open ports.
|
|
||||||
3. Created Terraform files to deploy an AWS EC2 instance and Docker containers.
|
|
||||||
4. Used Amazon Route 53’s DNS and NGINX to route subdomains to each web application.
|
|
||||||
5. Used AWS security groups to allow inbound HTTPS traffic.
|
|
||||||
6. Used Amazon EBS snapshots to regularly back up server.
|
|
||||||
6. Wrote a JavaScript server script and systemd service/timer to display the uptime of my pages every hour.
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
# DevOps
|
|
||||||
AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Go(Lang), Bash, **Linux**, **JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Solidity, C, **Git**, **Command Line**
|
|
||||||
|
|
||||||
# Web Dev
|
|
||||||
**JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Bash, **Git**, **Linux**, **Command Line**, Go(Lang), AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Solidity, C
|
|
||||||
|
|
||||||
# Python
|
|
||||||
**Python**, **Django**, **Linux**, **Git**, AWS, Kubernetes, Docker (Compose), Ansible, Jenkins, Selenium, Terraform, Go(Lang), PostgreSQL, **Command Line**, Groovy, Bash, **JavaScript**, **React**, Node.js, MongoDB, Solidity, C
|
|
||||||
@@ -7,12 +7,14 @@ js: ["server-table"]
|
|||||||
---
|
---
|
||||||
Here is a list of apps that I am running on my [AWS EC2][AWS EC2 info]
|
Here is a list of apps that I am running on my [AWS EC2][AWS EC2 info]
|
||||||
Debian instance/[DigitalOcean
|
Debian instance/[DigitalOcean
|
||||||
droplet][do-droplet]. Their [statuses] are updated every hour using a
|
droplet][do-droplet] using Docker (Compose) and my [Terraform
|
||||||
|
files](https://github.com/Kevin-Mok/terraform-deploys/tree/main).
|
||||||
|
I also have [Kubernetes manifest files](https://github.com/Kevin-Mok/aws-minicube)
|
||||||
|
that can recreate this server setup. Their statuses are updated every hour using a
|
||||||
[Node.js script][update-script] and a [systemd service]/[timer].
|
[Node.js script][update-script] and a [systemd service]/[timer].
|
||||||
|
|
||||||
[AWS EC2 info]: https://aws.amazon.com/pm/ec2/?gclid=CjwKCAjwyJqzBhBaEiwAWDRJVA8xkzlFBVRieWU_oiTxnHHfRgTnfN9WlnYON3UptS4aTtjaYRbVJRoCju8QAvD_BwE&trk=8c0f4d22-7932-45ae-9a50-7ec3d0775c47&sc_channel=ps&ef_id=CjwKCAjwyJqzBhBaEiwAWDRJVA8xkzlFBVRieWU_oiTxnHHfRgTnfN9WlnYON3UptS4aTtjaYRbVJRoCju8QAvD_BwE:G:s&s_kwcid=AL!4422!3!472464674288!e!!g!!aws%20ec2!11346198414!112250790958
|
[AWS EC2 info]: https://aws.amazon.com/pm/ec2/?gclid=CjwKCAjwyJqzBhBaEiwAWDRJVA8xkzlFBVRieWU_oiTxnHHfRgTnfN9WlnYON3UptS4aTtjaYRbVJRoCju8QAvD_BwE&trk=8c0f4d22-7932-45ae-9a50-7ec3d0775c47&sc_channel=ps&ef_id=CjwKCAjwyJqzBhBaEiwAWDRJVA8xkzlFBVRieWU_oiTxnHHfRgTnfN9WlnYON3UptS4aTtjaYRbVJRoCju8QAvD_BwE:G:s&s_kwcid=AL!4422!3!472464674288!e!!g!!aws%20ec2!11346198414!112250790958
|
||||||
[do-droplet]: https://www.digitalocean.com/products/droplets/
|
[do-droplet]: https://www.digitalocean.com/products/droplets/
|
||||||
[statuses]: https://kevin-mok.com/server-apps.json
|
|
||||||
[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
|
[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
|
||||||
[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
|
[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
|
||||||
[update-script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
|
[update-script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
|
||||||
|
|||||||
@@ -6,6 +6,7 @@
|
|||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<!-- <span class="copyright">© {{ .Site.LastChange.Year }} {{ .Site.Title }} - <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></span> -->
|
||||||
<div id="footer-row" class="row justify-content-center">
|
<div id="footer-row" class="row justify-content-center">
|
||||||
<span id="footer-content" class="name">
|
<span id="footer-content" class="name">
|
||||||
<span id="copyright" class="col-xs-6">
|
<span id="copyright" class="col-xs-6">
|
||||||
|
|||||||
@@ -20,9 +20,6 @@
|
|||||||
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700" type="text/css"> -->
|
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700" type="text/css"> -->
|
||||||
<!-- <link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'> -->
|
<!-- <link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'> -->
|
||||||
<!-- <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
|
<!-- <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
|
||||||
<!-- href="https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css"> -->
|
|
||||||
<link rel="stylesheet" type="text/css"
|
|
||||||
href="https://cdn.jsdelivr.net/gh/dreampulse/computer-modern-web-font@master/fonts.css">
|
|
||||||
<link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
|
<link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
|
||||||
{{ $main_sass := resources.Get "sass/main.scss" }}
|
{{ $main_sass := resources.Get "sass/main.scss" }}
|
||||||
{{ $main_style := $main_sass | resources.ToCSS }}
|
{{ $main_style := $main_sass | resources.ToCSS }}
|
||||||
|
|||||||
@@ -1,4 +1,7 @@
|
|||||||
<h1 class="site-title">
|
<h1 class="site-title">
|
||||||
<span class="surrounding"></span><a href="{{ .Site.BaseURL }}">
|
<span class="surrounding">[</span><a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
|
||||||
<span>Kevin Mok</span>
|
class="base0f">e</span><span class="base09">v</span><span
|
||||||
|
class="base0a">i</span><span class="base0b">n </span><span
|
||||||
|
class="base0c">M</span><span class="base0d">o</span><span
|
||||||
|
class="base0e">k</span></a><span class="surrounding">] # _</span>
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<div id="linkedin" class="col text-right">
|
<div id="linkedin" class="col text-right">
|
||||||
<a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
|
<a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
|
||||||
<span class="url-info">
|
<span class="url-info">
|
||||||
linkedin.com/in/Kev-Mok
|
Kev-Mok
|
||||||
</span>
|
</span>
|
||||||
<img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
|
<img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
|
||||||
</a>
|
</a>
|
||||||
@@ -28,11 +28,11 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="website" class="col text-right">
|
<div id="website" class="col text-right">
|
||||||
<a href="https://github.com/Kevin-Mok" target="_blank">
|
<a href="https://kevin-mok.com/" target="_blank">
|
||||||
<span class="url-info">
|
<span class="url-info">
|
||||||
github.com/Kevin-Mok
|
kevin-mok.com
|
||||||
</span>
|
</span>
|
||||||
<img src="{{ "img/social/github.svg" | relURL }}" alt="link-icon">
|
<img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -4,7 +4,6 @@
|
|||||||
<h2 class="project-title">
|
<h2 class="project-title">
|
||||||
{{ .Get "name" }}
|
{{ .Get "name" }}
|
||||||
</h2>
|
</h2>
|
||||||
<span><{{ .Get "languages" }}></span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4 text-right date">{{ .Get "date" }}</div>
|
<div class="col-4 text-right date">{{ .Get "date" }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -11,7 +11,4 @@
|
|||||||
<span class="position">
|
<span class="position">
|
||||||
{{ .Get "title" }}
|
{{ .Get "title" }}
|
||||||
</span>
|
</span>
|
||||||
<span class="languages">
|
|
||||||
<{{ .Get "languages" }}>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Submodule static/pdf updated: 2acb4ee38c...404fd021d2
Reference in New Issue
Block a user