chore: prep for v4

content changes are required

Daniel Chen.typ

@@ -1,121 +1,233 @@
-#import "fontawesome.typ": *
+#import "fontawesome.typ": fa, globe, github, linkedin, envelope
-#import "lib.typ": template, education_entry, work_entry, project, indent
+#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG, render_contact_data
 
-#set page(margin: 1.75in)
+// orange!!
-#set par(leading: 0.5em, first-line-indent: 1.8em, justify: true)
+#let color = blue // rgb("#ff983e")
-#show raw: set text(font: "New Computer Modern Mono")
-#show par: set block(spacing: 0.55em)
-#show heading: set block(above: 2em, below: 1em)
-
-#set list(indent: 1em)
-
-// Change the theme color of the cv.
-#let color = black
 #let name = "Daniel Chen"
 
-#let contact_data = (
+#let contact_data = ((
-  (
   service: fa[#globe],
   display: "eggworld.me",
-    link: "https://eggworld.me"
+  link: "https://eggworld.me",
-  ),
+), (
-  (
   service: fa[#github],
-    display: "potatoeggy",
+  display: "github.com/potatoeggy",
-    link: "https://github.com/potatoeggy"
+  link: "https://github.com/potatoeggy",
-  ),
+), (
-  (
   service: fa[#linkedin],
-    display: "potatoeggy",
+  display: "linkedin.com/in/potatoeggy",
-    link: "https://www.linkedin.com/in/potatoeggy/"
+  link: "https://www.linkedin.com/in/potatoeggy/",
-  ),
+), (
-  (
   service: fa[#envelope],
-    display: "daniel.chen1@uwaterloo.ca",
+  display: "d7chen@uwaterloo.ca",
-    link: "mailto://daniel.chen1@uwaterloo.ca"
+  link: "mailto://d7chen@uwaterloo.ca",
-  ),
+),)
-)
 
-#show: doc => template(name, contact_data, color, doc)
+#show: doc => template(name, color, doc)
+
+#render_contact_data(contact_data)
 
 // MAIN CONTENT STARTS here
 
-= Skills
+= Education
 
 #indent[
-    *Languages*: Python, JavaScript/TypeScript, Rust, SQL, C++, HTML, CSS, Bash, Java \
+  #work_entry(
-    *Frameworks*: Node.js, Express, React, Next.js, Vue, Flutter, Qt, Prisma, Apollo \
+    "B.A.Sc. in Computer Engineering",
-    *Tools*: Linux, Git, Docker, Postgres, Kubernetes, AWS, GCP, Terraform
+    "University of Waterloo",
+    start_date: "Sep 2022",
+    end_date: "Apr 2027",
+    location: "Waterloo, ON",
+    tasks: (
+      [Courses: Object-oriented programming, data structures & algorithms, digital
+        logic & circuits, operating systems],
+      [Extracurriculars: Hack the North Organising Team, UW Orbital Satellite Design
+        Team, Creative Writing Club Secretary],
+    ),
+  )
 ]
 
 = Experience
 
 #indent[
-#work_entry(
+  #work_entry(
+    "Software Engineering Intern",
+    "Magna",
+    company_link: "https://magna.so",
+    start_date: "Sep 2024",
+    end_date: "Dec 2024",
+    location: "New York, NY",
+    tools: "Rust, TypeScript, Solidity, React, GraphQL",
+    tasks: (
+      [?? Portal claim config (db, FE, BE, how lucrative it is) padding padding
+        padding, automated deployments],
+      [?? Solana claim fees Wrote a Rust smart contract to add a fee for claiming
+        tokens on Solana],
+      [?? perf and databasest],
+    ),
+  )
+
+  #work_entry(
+    "Software Engineering Intern",
+    "Immigr8",
+    company_link: "https://immigr8now.com",
+    start_date: "Jan 2024",
+    end_date: "Apr 2024",
+    location: "Tampa, FL (Remote)",
+    tools: "TypeScript, Spring Boot, React, Postgres, Terraform, AWS",
+    tasks: (
+      // [Owned the creation of an end-to-end document vault feature in React for users to
+      //   upload and verify identity documents with Textract, reducing support tickets by
+      //   *25%*],
+      [Planned and executed a roadmap to *SOC 2 security compliance* by implementing
+        *role-based permissions with JWTs* in Spring Boot, logging alerts to CloudWatch,
+        and introducing new privacy controls for user data],
+      [?? be specific Investigated and improved initial load time by *80%* for tool
+        using async data fetching and optimising relations],
+      [?? make it clear that you deployed the entire setup, atm makes it seem like you
+        clicked some buttons Created CI/CD pipelines to automatically deploy AWS Lambdas
+        with Terraform and Jenkins],
+    ),
+  )
+
+  #work_entry(
     "Software Engineering Intern",
     "Dropbase",
-  start_date: "May 2023", end_date: "Aug 2023",
+    company_link: "https://dropbase.io",
-  location: "Remote",
+    start_date: "May 2023",
+    end_date: "Aug 2023",
+    location: "San Francisco, CA (Remote)",
+    tools: "TypeScript, Python, React, Postgres, AWS",
     tasks: (
-    "??? Query builder ORM",
+      [??? make it clearer what this is Engineered a new React data query builder and
-    "??? Integrating Airtable/HubSpot w/AWS Lambda",
+        FastAPI backend for our business intelligence visualisation service to *33000+*
-    "??? Major frontend refactor",
+        users, eliminating the need for clients to manually write API calls],
-    "??? Dropbase things"
+      [?? what is it Shipped a new database sync tool for *46000+* users by abstracting
+        data sources behind an adapter-based architecture and AWS Lambdas],
+      [?? data focus, new tool dDeveloped a *serverless microservice* that
+        asynchronously ingests email attachments directly into ETL pipelines],
+      // [??? emphasise test driven development or remove line *Reduced request errors by 30%* by creating backend testing infrastructure with
+      //   *Pytest* to catch regressions and test new features across database engines with
+      //   *90% code coverage*],
+    ),
   )
-)
 
-#work_entry(
+  #work_entry(
     "Backend Developer",
-  "Techyon",
+    "Hack the North",
-  start_date: "Mar 2023", end_date: "present",
+    company_link: "https://hackthenorth.com",
+    start_date: "Mar 2023",
+    end_date: "Oct 2024",
     location: "Waterloo, ON",
+    tools: "TypeScript, Express, Postgres, Kubernetes",
     tasks: (
-    "??? Telemetry and observability w/K8s, Grafana, OpenTelemetry",
+      [Built a new travel registration application leveraging GraphQL to track bus
-    "??? Registration ticket w/Apollo Server + GraphQL, w/Google + Apple Wallet",
+        capacity for *500+* attendees in real time],
-    "??? Went back and documented old code and endpoints for FE, APOLLO UPGRADE",
+      [??? Apple wallet, mention it's a new feature],
-    "??? Provisioned more Redis instances to avoid downtime"
+      [Diagnosed and recovered from crashes due to load spikes up to *800k* updates per
+        hour at the world's largest student-run hackathon by maintaining and autoscaling
+        Redis and Postgres on Kubernetes],
+      [??? CI/infra focus, deploying otel and traces],
+      // [Upgraded the event statistics dashboard to update in real time with GraphQL
+      //   *subscriptions with Redis PubSub*],
+    ),
   )
-)
 ]
 
-= GitHub Projects
+= Projects
+#set strong(delta: SMALL_STRONG)
 
 #indent[
-#project("Mandown", "https://github.com/potatoeggy/mandown", "Python, Qt")
+  #project(
-- Created a real-time site scraper for metadata and images to automatically download comics
+    "Game Boy Advance Emulator",
-- Implemented comic conversion between CBZ/EPUB/PDF as well as image processing to optimise for e-ink screens
+    "Rust, SDL2, Vulkan",
-- Increased download and update speed by more than 100% by implementing image caching and multiprocessing
+    repo_link: "https://github.com/potatoeggy/gbarr",
-- Designed a responsive and accessible CLI with Typer and GUI with Qt 6
+    tasks: (
-- Wrote extensive unit tests to minimise regressions between release cycles
+      [Implemented an *ARMv7* emulator for old games to run on modern x86_64 platforms
+        with *SDL2* and *Vulkan*],
+      [WebGPU and WASM for portability, typestate to guarantee everything is always
+        valid],
+    ),
+  )
 
-#project("Kobink", "https://github.com/potatoeggy/kobink", "Rust, Axum, Postgres")
+  #project(
-- ??? something here
+    "Mandown Comic Downloader",
-- ??? something here
+    "Python, Qt",
+    repo_link: "https://github.com/potatoeggy/mandown",
+    tasks: (
+      [Created a CLI and GUI to scrape, download, and convert webcomics into
+        e-ink-optimised PDF/EPUBs],
+      [Designed a scalable ebook converter with a *plugin-based architecture* to
+        improve compatibility],
+      [Implemented *image caching and multithreading* to increase download and update
+        speeds by *300%*],
+    ),
+  )
 
-#project("RecipeReady", "https://github.com/github.com/vincentjguo/recipeready-server", "Flutter, Selenium, FastAPI, Android")
+  // #project(
-- Scraped thousands of websites for recipes to build a database with a robust many-to-many tag system
+  //   "Kobo Sync Server",
-- Designed a REST API to filter and query recipes along with ingredient pricing from Walmart
+  //   "Rust, Axum",
+  //   repo_link: "https://github.com/potatoeggy/kobink",
+  //   tasks: (
+  //     [Developed a *Rust* backend to sync custom ebook files to Kobos by reimplementing
+  //       the Kobo Sync API],
+  //     [Deployed the service behind an nginx reverse proxy and Cloudflare DNS to sync
+  //       over the internet],
+  //   ),
+  // )
 
-#project("\"Pillow\" Water Quality Sensor", "https://github.com/potatoeggy/ece198", "Rust, STM32")
+  // #project(
-- Created a water quality statistics aggregator and visualiser on an embedded platform in safe Rust
+  //   "Genshin Rewards Simulator",
-- Engineered an embedded system with a STM32 microcontroller, matrix keypad, and an LCD display
+  //   "Vue, TypeScript",
+  //   repo_link: "https://github.com/potatoeggy/primoprod",
+  //   demo_link: "https://primoprod.vercel.app",
+  //   tasks: (
+  //     [Built a realistic and beautiful *loot box simulator* with CSS animations based
+  //       off a popular game],
+  //     [Reduced action latency by *90%* by lazily loading art assets at opportune times,
+  //       such as during cutscenes],
+  //   ),
+  // )
 
-#project("Primoprod", "https://github.com/potatoeggy/primoprod", "Vue, TypeScript")
+  // #project(
-- Mocked a video game UI using CSS to create a hyper-realistic, cross-platform game simulator
+  //   "Jeopardy!",
-- Reverse-engineered an API to allow Primoprod to interoperate with a popular web service (paimon.moe)
+  //   "Vue, TypeScript, WebSockets",
+  //   repo_link: "https://github.com/potatoeggy/jeopardy",
+  //   demo_link: "https://jeopardy.eggworld.me/host",
+  //   tasks: (
+  //     [Developed a beautiful and polished game where participants buzz in on their
+  //       devices over *WebSockets*],
+  //     [Synchronised game state between clients and the host with shared types and the
+  //       *observer pattern*],
+  //   ),
+  // )
+
+  // #project(
+  //   "RecipeReady",
+  //   "https://github.com/vincentjguo/recipeready-server",
+  //   "Flutter, Selenium, FastAPI, Android",
+  // )
+  // - Developed a *Flutter app* to generate recipes based on ingredients and filters
+  //   through a FastAPI server
+  // - Scraped thousands of websites for recipes to build a database with a robust
+  //   *many-to-many tag system*
+  // - Aggregated common ingredients heuristically to build a shopping list and a meal
+  // plan for each week
+
+  // #project("Arch Linux Server", "Linux, Docker, nginx, systemd", demo_link: "https://eggworld.me")
+  // - Created a *self-hosted CI/CD pipeline* with *Gitea* to automatically deploy
+  //   personal projects behind *nginx*
+  // - Containerised services with *Docker* and *systemd* to simplify deployment and
+  //   management
 ]
 
-= Awards
+= Skills
-
-- Winner of the EdTech category at StormHacks 2022
-- Winner of the IBM Open Source category at YRHacks 2022
-- 2nd place in the Industry 4.0 engineering analytics competition
-
-= Education
 
 #indent[
-#education_entry("University of Waterloo", "Candidate for B.A.Sc. in Computer Engineering", start_date: "Sep 2022", end_date: "present",
+  *Languages:* TypeScript/JavaScript, HTML, CSS, SQL, Python, Java, C, C++, Rust \
-location: "Waterloo, ON", details: (
+  // Dart
-  [Secretary, Creative Writing Club],
+  *Technologies:* React, Next.js, Spring Boot, Express, Prisma, Apollo, GraphQL \
-))
+  // Qt, Jest / Pytest, Apollo, Prisma, Rails
+  *Tools:* Linux, Git, Docker, Postgres, Pytest, Jest, AWS/GCP, Kubernetes,
+  Terraform, Figma // Jenkins, systemd, Jira
 ]

README.md

@@ -0,0 +1,17 @@
+# Resume
+
+## Requirements
+
+- Typst
+- Font: Bitter
+- Font: Open Sans, weights 400, 500, 600, 700
+
+## Release guidelines
+
+- Increment the major version for every work term, e.g., post-2A (WT2) and post-2B (WT3) would be v2.x.x and v3.x.x, respectively.
+- Increment the minor version for every major change. These can include:
+  - Adding a new section
+  - Adding a new skill
+  - Adding/removing a new experience or project
+  - Substantially rewriting lines across multiple experiences or projects
+- Increment the patch version for formatting changes or simple tweaks.

lib.typ

@@ -1,150 +1,159 @@
-#import "fontawesome.typ": github, fa
+#import "fontawesome.typ": github, fa, link-icon
-// Reduce space between paragraphs.
-#let par_space = 0.75em
-// Reduce space between headings and descriptions.
-#let sep_space = par_space + 0.1em
 
-let subtitle_space = par_space - 0.2em
+#let DEFAULT_STRONG = 300;
+#let SMALL_STRONG = 200;
 
-// Format start and end dates.
+#let TITLE_FONT = "Bitter"
-#let format_date(start_date: none, end_date: none) = {
+#let HEADING_FONT = TITLE_FONT
-  let date = {
+#let BODY_FONT = "Open Sans"
-    if end_date == none {
-      start_date
-    } else if start_date == none {
-      end_date
-    } else {
-      [#start_date -- #end_date]
-    }
-  }
 
-  [*#date*]
+#let BODY_FONT_SIZE = 10pt
-}
+#let HEADING_FONT_SIZE = 0.95em
+#let TITLE_FONT_SIZE = 2em
+
+#let HEADING_LINE_GAP = 3mm
+#let BODY_LINE_HEIGHT = 0.75em
+
+#let HEADING_DETAILS_LIST_SPACING = 0.8em
+#let DETAILS_TITLE_FONT_SIZE = 1.075em
+
+#let DETAILS_LIST_SPACING = 0.8em
+
+// rest = not top
+#let PAGE_MARGINS = (rest: 0.4in, top: 0.3in, left: 0.3in, bottom: 0.4in)
 
 // Format locations.
 #let format_location(location) = {
-  [_#block(above: par_space, location)_]
+  [_#block(above: 0.7em, location)_]
 }
 
 #let indent(content) = {
-  block(
+  block(inset: (left: 0.75em, right: 0.5em), content)
-    inset: (left: 1em, right: 0.5em),
-    content
-  )
 }
 
 // General entry that is split into a left and right half (for experience and education).
 #let cv_entry(left_content: none, right_content: none, details: none) = {
   stack(
     dir: ttb,
-    spacing: 0.75em,
+    spacing: HEADING_DETAILS_LIST_SPACING,
-    grid(
+    grid(columns: (15fr, 5fr), column-gutter: 0cm, {
-    columns: (11fr, 6fr),
+      set strong(delta: DEFAULT_STRONG)
-    column-gutter: 1cm,
-    {
       set align(left)
       left_content
-    },
+    }, {
-    {
+      set strong(delta: SMALL_STRONG)
       set align(right)
       right_content
-    }
+    }),
-  ),
     {
-    set align(left)
+      set strong(delta: SMALL_STRONG)
-    details
+      list(tight: false, spacing: DETAILS_LIST_SPACING, marker: [•], ..details)
-  }
-)
-}
-
-// Entry for education.
-#let education_entry(university, degree, start_date: none, end_date: none, location: none, details: none) = {
-  let details_list = if details != none {
-    let list = []
-    for detail in details {
-      list += [- #detail]
-    }
-    list
-  } else {
-    none
-  }
-  cv_entry(
-    left_content:  {
-      text(1.2em)[*#university*] + "\n" + emph[#degree]
     },
-    right_content:  {
-      format_date(start_date: start_date, end_date: end_date)
-
-      if location != none {
-        "\n" + format_location(location)
-      }
-    },
-    details: details_list
   )
 }
 
 // Entry for work.
-#let work_entry(role, company, tasks: none, start_date: none, end_date: none, location: none) = {
+#let work_entry(
-  let task_list = if tasks != none {
+  role,
-    let list = []
+  company,
-    for task in tasks {
+  tools: none,
-      list += [- #task]
+  tasks: none,
-    }
+  start_date: none,
-    list
+  end_date: none,
+  location: none,
+  company_link: none,
+) = {
+  cv_entry(left_content: {
+    set par(leading: 0.75em)
+
+    if company_link == none {
+      text(1.1em)[*#company*]
     } else {
-    none
+      text(1.1em)[#link(company_link)[*#company*]]
     }
-  cv_entry(
+
-    left_content: {
+    if tools != none {
-      text(1.1em)[*#role*] + "\n" + text[#emph[#company]]
+      text[ | _ #tools _ ]
-    },
+    }
-    right_content:  {
+
-      format_date(start_date: start_date, end_date: end_date)
+    "\n"
+    set strong(delta: SMALL_STRONG)
+    [*#role*]
+  }, right_content: {
+    [*#start_date -- #end_date*]
 
     if location != none {
       "\n" + format_location(location)
     }
-    },
+  }, details: tasks)
-    details: task_list
-  )
 }
 
-#let project(title, repo_link, tools) = {
+#let project(title, tools, repo_link: none, demo_link: none, tasks: none) = {
-  link(repo_link)[#text(1.1em)[*#title* #fa(github)]] + [ | _ #tools _]
+  set strong(delta: DEFAULT_STRONG)
+  let text_link = if demo_link != none { demo_link } else { repo_link }
+
+  let content_title = {
+    if text_link != none {
+      link(text_link)[#text(1.1em)[*#title*]]
+    } else {
+      text(1.1em)[*#title*]
+    }
+
+    if demo_link != none {
+      link(demo_link)[#text(1.1em)[ #fa(link-icon) ]]
+    }
+
+    if repo_link != none {
+      link(repo_link)[#text(1.1em)[ #fa(github) ]]
+    }
+    [ | _ #tools _ ]
+  }
+
+  cv_entry(left_content: content_title, details: tasks)
 }
 
 // Set name and contact data and format headings
-#let template(name, contact_data, color, doc) = {
+#let template(name, color, doc) = {
-  set page(margin: (rest: 0.5in, top: 0.4in), paper: "us-letter")
+  set page(margin: PAGE_MARGINS, paper: "us-letter")
-  set list(indent: 1.25em, marker: [•])
+  set list(indent: 1em, marker: [•])
-  set text(font: "Latin Modern Sans", 10pt)
+  set text(font: (BODY_FONT), BODY_FONT_SIZE)
-  set par(justify: true, leading: 0.65em)
+  set par(justify: true, leading: BODY_LINE_HEIGHT)
   align(center)[
-    #text(size: 2em)[*#name*]
+    #text(size: TITLE_FONT_SIZE, font: TITLE_FONT, fill: color)[*#name*]
     #block(above: 0em, below: 1em)
-    #{
-      if contact_data != none and contact_data.len() > 0 {
-        let elements = for el in contact_data {
-          (link(el.link)[#{el.service + " " + el.display}],)
-        }
-        text(1.1em)[#elements.join(" | ")]
-      }
-    }
   ]
 
   show heading.where(level: 1): i => {
-    set align(left)
+    set align(left + horizon)
     let title = smallcaps(i.body)
 
-    set block(above: 1em)
+    let colored_line(header_text) = style(styles => {
-      set text(weight: "light", size: 0.9em, fill: color, font: "New Computer Modern")
+      let size = measure(header_text, styles)
+
+      // 100% - spacing - width of text
+      line(
+        length: 100% - HEADING_LINE_GAP - size.width,
+        stroke: (paint: color, thickness: 2pt, cap: "round"),
+      )
+    })
+
+    set block(above: 0.9em, below: 0.75em)
+    set text(size: HEADING_FONT_SIZE, fill: color, font: HEADING_FONT)
     stack(
-        dir: ttb,
+      dir: ltr,
-        spacing: 1.5mm,
+      spacing: HEADING_LINE_GAP,
       title,
-        line(length: 100%, stroke: color + 0.4pt)
+      box(height: 2pt, fill: color, colored_line(title)),
     )
   }
-
   doc
 }
+
+#let render_contact_data(data) = {
+  align(center)[
+    #let elements = for el in data {
+      (link(el.link)[#{ el.service + " " + el.display }],)
+    }
+    #text(1em)[#elements.join(" | ")]
+  ]
+}