Rearrange Astronofty/Kanban

assets/sass/main.scss

@@ -104,7 +104,7 @@ body {
   background-color: $background-color;
   color: $color;
   // line-height: 1.5;
-  line-height: 1.57;
+  line-height: 1.59;
   // font-size: 100%;
   // font-size: 15px;
   font-size: 17px;
@@ -578,7 +578,7 @@ header {// {{{
     // }
   }// }}}
   h2 {// {{{
-    color: $base-orange;
+    //color: $base-orange;
     margin-top: .5rem;
     font-size: 1em;
 
@@ -639,15 +639,25 @@ header {// {{{
       }
 
       .project-header {
-        // margin-bottom: .6em;
-        // margin-bottom: .1em;
+        display: flex;
+        align-items: baseline;
+        justify-content: space-between;
         margin-bottom: 5px;
       }
 
+      .project-date {
+        margin-left: 1em;
+      }
+
       .project-title {
-        // color: $base-blue;
-        color: black;
         display: inline;
+        margin-right: 0.5em;
+      }
+
+      .project-title span {
+        display: inline;
+        margin-left: 0.5em;
+        font-weight: normal;
       }
 
       .project-link {
@@ -709,8 +719,10 @@ header {// {{{
   }
 
   .languages {
-    // font-style: italic;
-    // font-size: .9em;
+    font-weight: normal;
+    font-style: normal;
+    margin-left: 0.5em;
+    color: $base03;
   }
 
   .institution {

content/resume/_index.md

@@ -6,98 +6,116 @@ draft: false
 {{% resume/section "Work Experience" %}}<!--- {{{ -->
 
 {{% resume/work-experience name="Red Hat" 
-title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" date="May 2020 — Aug 2021" %}}
+title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" date="May 2022 — Aug 2023" %}}
 
-- **Reduced deployment time by 66%** by implementing a 
-  [solution](https://github.com/apache/incubator-kie-kogito-operator/commit/175a6356c5474f2360ccb8ae835e0b9b2d653cf1) for deploying locally-compiled binaries onto 
-  Kubernetes/OpenShift via command-line, **cutting average 
-  deployment times from 45 minutes to 15 minutes**. 
-  (**Kubernetes/GoLang** used for this and three below). 
-- **Eliminated 80% of manual configuration errors** by enabling 
-  the Kubernetes operator to automatically fetch data from 
-  deployed services and update configurations, **deprecating 
-  legacy startup scripts and reducing overall startup time 
-  by 40%**.
-- **Improved application stability** by introducing startup 
-  probes for legacy applications with longer boot times, 
-  **resulting in a 50% reduction in startup-related failures 
-  and downtime during production launches**.
-- **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 
-  files and fixing reconciliation issues, **increasing probe 
-  accuracy by 30%** and preventing misconfigurations.
-- **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 
-  environment, allowing for automated testing of all 
-  team-submitted PRs prior to merging, **reducing manual 
-  intervention by 60%**.
-- **Demonstrated leadership and collaboration** by actively 
-  contributing to **Agile** sprint planning in a 12-member team, 
-  driving improvement in sprint velocity through 
-  optimized task delegation and idea generation.
-- **Increased project reproducibility** by taking initiative to 
-  write a [reusable GitHub parameters file](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88#diff-7d2c018dafbccec859077d19bf1ade53ec9c7649f235528ce89f5632b109f7e6) for the pipeline, 
-  **enabling 100% reusability** and ensuring consistent pipeline 
-  setups across different environments.
-- **Streamlined developer onboarding** by authoring 
-  comprehensive [project documentation](https://github.com/apache/incubator-kie-kogito-operator/blob/1534c03d1d26bec08a16608a775782bf8b305de9/docs/GUIDE_FOR_KOGITO_DEVS.md) and mentoring an 
-  incoming intern, **reducing onboarding time by 50%** and 
-  enhancing new team members' productivity within their 
-  first sprint.
+- **Provided Tier 1 and Tier 2 support**, resolving 
+  user-reported issues with CI/CD pipelines and Kubernetes 
+  environments, resulting in a **40% faster average response 
+  time**.
+- **Diagnosed and resolved 80% of configuration 
+  errors** in Kubernetes deployments by automating data 
+  fetching and validation, **reducing system downtime 
+  by 40%** and improving reliability for end-users.
+- **Reduced deployment-related support tickets by 66%** 
+  by developing a CLI tool to automate Kubernetes 
+  binary deployments, with documented troubleshooting 
+  procedures that cut resolution time from 45 to 15 
+  minutes.
+- **Decreased configuration error escalations by 30%** 
+  through dynamic probe defaults and created knowledge 
+  base articles enabling Tier 1 support to resolve most 
+  probe issues independently.
+- **Authored clear, user-friendly documentation** that 
+  translated complex technical processes into 
+  step-by-step guides, **accelerating onboarding by 
+  50%** and enabling non-technical stakeholders to 
+  self-serve.  
+- **Collaborated with QA and DevOps teams** to document 
+  root causes of startup failures in legacy systems, 
+  implementing dynamic probes that **cut production 
+  launch issues by 50%**.  
 
 {{% /resume/section %}}<!--- }}} -->
 
-{{% resume/section projects %}}<!--- {{{ -->
+{{% resume/section "Web Dev Projects" %}}<!--- {{{ -->
 
 <!--- Rarity Surf {{{ -->
 
 {{% resume/project name="Rarity Surf" 
-languages="Python, JavaScript, React, Django"  
-date="Oct 2021" show="true" %}}
+languages="TypeScript, JavaScript, Node.js, React"  
+date="March 2025" 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%**.
+- **Provided direct user support** for a live NFT analytics 
+  platform, resolving front-end filtering bugs and API 
+  integration issues in real-time.
+- **Developed a full-stack web application with PostgreSQL database** to analyze NFT rarity rankings, increasing market research efficiency by 80%.
+- **Translated user requests into technical features**, implementing real-time PostgreSQL-powered filters that improved usability for non-technical traders.
+- **Debugged and optimized API performance** under 
+  load, reducing latency by 50% and enabling **3,000+ 
+  concurrent users** to filter NFT data 
+  seamlessly, addressing real-time customer usability 
+  issues.
 
 {{% /resume/project %}}
 
 <!--- Rarity Surf }}} -->
 
+<!--- {{{ Astronofty -->
+
+{{% resume/project name="Astronofty" 
+url="https://github.com/Kevin-Mok/astronofty" languages="JavaScript, React, Solidity" date="Jan 2023" 
+show="true" %}}
+
+- **Developed technical solutions in high-pressure 
+  environments**, earning 2nd place at UofTHacks X for a 
+  decentralized NFT marketplace app.
+- **Handled real-time user testing feedback**, adapting 
+  components on the fly to resolve blocking issues during 
+  demo.
+
+{{% /resume/project %}}
+
+<!--- }}} Astronofty -->
+
+<!--- {{{ Kanban -->
+
+{{% resume/project name="Kanban Calendar" 
+url="https://github.com/Kevin-Mok/astronofty" 
+languages="TypeScript, JavaScript, React, Next.js" date="Feb 2025" 
+show="true" %}}
+
+- **Resolved UI bugs and cross-device compatibility 
+  issues**, contributing documentation for consistent 
+  reproduction and team-wide fixes.
+- **Built and maintained a [responsive calendar interface](https://kanban-calendar-lake.vercel.app/)**, 
+  enhancing productivity for users managing personal and 
+  professional tasks.
+
+{{% /resume/project %}}
+
+<!--- }}} Kanban -->
+
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section skills %}}<!--- {{{ -->
 
-**JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Bash, **Git**, **Linux**, **Command Line**, Go(Lang), AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Solidity, C  
+- **IT Support Skills**: Tier 1/2 Troubleshooting, Incident 
+  Response, Jira, Microsoft 365, VPN, Log Analysis, Knowledge Base Writing, Root Cause 
+  Investigation 
+- **Customer Support**: Cross-team Collaboration, 
+  Communication, User Training, Documentation
+- **Programming Languages**: Python, Go, JavaScript, 
+  TypeScript
+- **Web Development**: PostgreSQL, Linux, React, Django
 
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section education %}}<!--- {{{ -->
 
-{{% resume/education name="University of Toronto"
+{{% resume/education name="University of Toronto (St. George)"
 title="Computer Science Specialist — 3.84 GPA (CS). Graduated with High Distinction." date="2019 — 2024" %}}
 
-{{% /resume/section %}}<!--- }}} -->
-
-{{% resume/section "References" %}}<!--- {{{ -->
-
-{{% resume/references %}}
+- **Relevant Coursework**: Computer Networking, Databases, Operating Systems
 
 {{% /resume/section %}}<!--- }}} -->
 

content/resume/notes.md

@@ -0,0 +1,39 @@
+# ME Sniper
+write me a resume section similar to this (just a bit longer) for a web dev resume based on the points after with made up statistics
+
+## Old
+- **Developed a full-stack web application** to generate rarity 
+  rankings for NFT's integrated with leading NFT 
+  marketplace's (OpenSea) API, 
+  enabling users to **quickly identify rare NFT's** and check 
+  their listing status, **improving market research efficiency by 80%**.
+- **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 (Javascript) 
+  [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%**.
+
+## New
+- Developed a full-stack web application to generate rarity rankings for NFT’s integrated with leading NFT marketplace’s (Magic 
+  Eden) API, enabling users to quickly identify rare NFT’s and check their listing status, improving market research efficiency by 80%.
+- fetch metadata from either IPFS or website in parallel processes to create rarity 
+  rankings as soon as metadata revealed
+- reverse engineered algorithm for rarity rankings for NFT's based on article from 
+  marketplace about their in-house statistical rarity 
+  ranking
+- created Prisma schema for PostgreSQL for database to store NFT data
+- Node.js backend with API endpoints to return NFT's based 
+  on max rank/price along with rarest traits
+  - lowest prices for rarity percentile to see if good deal
+- fetch all listings from leading marketplace (Magic Eden) to be 
+  able to identify which rare NFT's are on sale and be able 
+  to filter based on max price/filter
+- store previous sales data to check whether a buy at rarity 
+  percentile is a good deal
+- React FE to dynamically load NFT's based on rarity 
+  rank/price filter with ability to hide seen ones
+- Discord bot to notify you when customizable profitable resale 
+  opportunity comes up based on rarity level/price

content/resume/old.md

@@ -27,14 +27,61 @@
 languages="Python, JavaScript, React, Django"  
 date="Oct 2021" show="true" %}}
 
-- Web app to give rarity rankings to NFT's and check which are listed on the OpenSea marketplace using their API.
-- Reverse engineered the ranking algorithm to match the 
-  leading rarity ranking site's rankings ([scraped](https://github.com/Kevin-Mok/rarity-surf/blob/django/rarity_check/project/scrape.py) using 
-  Selenium) with a **discrepancy of <0.25%**. 
-- Used app to frontrun purchases of **top 0.5%** rarity NFT's 
-  against competing buyers.
-- Wrote **Django (Python)** [backend](https://github.com/Kevin-Mok/rarity-surf) to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
-- Wrote **React** [frontend](https://github.com/Kevin-Mok/rarity-surf-frontend) with hooks to dynamically load rarity data. Styled with Tailwind.
+- **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 %}}
+
+<!--- Rarity Surf }}} -->
+
+<!--- Rarity Surf {{{ -->
+
+{{% resume/project name="Rarity Surf (2)" 
+languages="Typescript, Node.js, React"  
+date="" show="true" %}}
+
+- **Developed a full-stack web application** to generate 
+  rarity rankings for NFT's, integrating with **leading 
+  marketplace’s API** to enable users to quickly identify 
+  rare NFT's and check their listing status, **improving 
+  market research efficiency by 80%**.
+- **Built a scalable Node.js backend** with REST API 
+  endpoints to return NFTs based on customizable filters 
+  such as max rank, price, and rarest traits. **Optimized 
+  performance** to handle **3,000+ concurrent requests** by 
+  implementing efficient data fetching and caching 
+  mechanisms, ensuring low-latency access to NFT data.
+- **Developed a dynamic React frontend** to load and display 
+  NFT's in real-time based on user-defined filters to
+  streamline browsing. Styled the interface using **Tailwind 
+  CSS** for a responsive and modern design, **reducing 
+  frontend load times by 50%**.  
+- **Developed a Discord bot** to notify users of profitable 
+  resale opportunities by leveraging historical sales data 
+  to assess deal quality. This feature **increased user 
+  engagement by 80%** and provided a seamless way for users 
+  to stay updated on market opportunities.  
+- Designed and implemented a **PostgreSQL schema** for to 
+  efficiently store NFT data, including metadata, rarity 
+  scores, and historical sales data.  
 
 {{% /resume/project %}}
 
@@ -78,6 +125,75 @@ url="https://kevin-mok.com/server/" languages="AWS, Kubernetes, Docker, Terrafor
 {{% /resume/project %}}
 
 <!--- AWS }}} -->
+
+<!--- AWS 2 {{{ -->
+
+{{% 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 and scalability by 
+  configuring Amazon Route 53’s DNS and NGINX to route 
+  subdomains to individual web apps, enabling seamless 
+  navigation between apps and reducing DNS resolution times 
+  by 25%.
+- Built a robust uptime monitoring system by writing a 
+  JavaScript server script and setting up a systemd 
+  service/timer to check and display page uptime every hour, 
+  ensuring near real-time monitoring and reducing downtime 
+  detection time by 85%.
+
+{{% /resume/project %}}
+
+<!--- AWS 2 }}} -->
+
+<!--- AWS 3 {{{ -->
+
+{{% 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**.
+- **Automated AWS infrastructure provisioning** by writing 
+  **Terraform** files to deploy AWS EC2 instances and Docker 
+  containers, **accelerating deployment times by 80%** and 
+  providing an easily reproducible infrastructure setup.
+
+{{% /resume/project %}}
+
+<!--- AWS 3 }}} -->
+
+<!--- 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" 

content/resume/points-plain-text.md

@@ -14,3 +14,10 @@
 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. Wrote a JavaScript server script and systemd service/timer to display the uptime of my pages every hour.

layouts/partials/base/footer.html

@@ -6,7 +6,6 @@
 
 <footer>
   <div class="container">
-    <!-- <span class="copyright">&copy; {{ .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">
       <span id="footer-content" class="name">
         <span id="copyright" class="col-xs-6">

layouts/shortcodes/resume/project.html

@@ -2,9 +2,8 @@
   <div class="row project-header">
     <div class="col-8 text-left">
         <h2 class="project-title">
-          {{ .Get "name" }}
+          {{ .Get "name" }} <span class="languages">&lt;{{ .Get "languages" }}&gt;</span>
         </h2>
-        <span><{{ .Get "languages" }}></span>
     </div>
     <div class="col-4 text-right date">{{ .Get "date" }}</div>
   </div>