feat: borrow everything in every direction

content changes are required

Daniel Chen.typ

@@ -1,5 +1,5 @@
 #import "fontawesome.typ": fa, globe, github, linkedin, envelope
-#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG
+#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG, render_contact_data
 
 // orange!!
 #let color = blue // rgb("#ff983e")
@@ -23,78 +23,46 @@
   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
 
 #indent[
-  *Languages:* Python, TypeScript, JavaScript, SQL, Rust, C++, Java, HTML, CSS,
+  *Languages:* TypeScript/JavaScript, HTML, CSS, SQL, Python, Rust \
-  MATLAB \
+  // Dart
-  // Dart, Ruby
+  *Technologies:* React, Next.js, Express, Prisma, Apollo, GraphQL \
-  *Frameworks:* React, Node.js, Spring Boot, Next.js, Vue, Flutter, Express,
-  Prisma, Axum \
   // Qt, Jest / Pytest, Apollo, Prisma, Rails
-  *Tools:* Linux, Git, Docker, PostgreSQL, AWS/GCP, Kubernetes, Terraform,
+  *Tools:* Linux, Git, Docker, Postgres, Pytest, Jest, AWS/GCP, Kubernetes,
-  GraphQL, nginx, OpenTelemetry // Jenkins, systemd, Jira
+  Terraform, Figma // Jenkins, systemd, Jira
 ]
 
 = Experience
 
 #indent[
   #work_entry(
-    "Technical Volunteer",
+    "Software Engineering Intern",
-    "Organization for Transformative Works",
-    start_date: "Feb 2024",
-    end_date: "present",
-    location: "Remote",
-    tools: "Python, Ruby on Rails, React, MySQL",
-    tasks: (
-      [Upgrading archive import pipelines to migrate 4 000+ user works to be accessible
-        to *7 million registered users*],
-    ),
-  )
-
-  #work_entry(
-    "Backend Lead & Event Organiser",
-    "Hack the North",
-    start_date: "Mar 2023",
-    end_date: "present",
-    location: "Waterloo, ON",
-    tools: "Express, GraphQL, Docker, Kubernetes",
-    tasks: (
-      [*Led and mentored a team of 6* to ideate, scope, and deliver *3 more major
-        features* than the previous year],
-      [Diagnosed and *recovered from load spike crashes* by debouncing queries, using
-        rate limiting as a stopgap],
-      [Reduced event check-in times by *80%* for *1900+ attendees* by generating
-        digital wallet passes over Express],
-      [Shipped a new *bus registration tool* for attendees by creating new database
-        tables and GraphQL resolvers],
-      [Integrated backend tracing to monitor performance and trigger alerts with
-        OpenTelemetry and Grafana],
-    ),
-  )
-
-  #work_entry(
-    "Software Developer Intern",
     "Immigr8",
     start_date: "Jan 2024",
     end_date: "Apr 2024",
     location: "Remote",
-    tools: "Next.js, Spring Boot, PostgreSQL, AWS, Terraform",
+    tools: "React, TypeScript, Spring Boot, Postgres, AWS",
     tasks: (
       // [Improved client responsiveness by *80* by employing stale-while-revalidate hooks for caching and ?? SWR performance, caching, error handling],
-      [*Introduced CI/CD for AWS Lambdas* by codifying them in Terraform for
+      [Owned the creation of an end-to-end document vault feature in *React* for users
-        reproducible and automatic deployments],
+        to upload and verify identity documents with Textract, reducing support tickets
-      [Set up a staging environment via *EC2 and Jenkins* with parallel builds to
+        by *25%*],
-        *reduce production errors by 90%*],
+      [Planned and executed a roadmap to *SOC 2 security compliance* by implementing
-      [Planned and executed a roadmap to SOC 2 security compliance by *implementing
+        *role-based permissions with JWTs* in Spring Boot, logging alerts to CloudWatch,
-        role-based permissions with JWTs*, sending backend logs and alerts to
+        and introducing new privacy controls for user data],
-        CloudWatch, and introducing new privacy controls for user data],
+      [Optimised dashboard responsiveness by *80%* by employing stale-while-revalidate
-      [Reduced manual user inputs by *40%* by extracting data from users' uploaded
+        hooks in React and lazily loading backend models with Hibernate, improving user
-        documents in S3 with Textract],
+        retention by *30%*],
+      [Created CI/CD pipelines to automatically deploy AWS Lambdas with Terraform and
+        Jenkins],
     ),
   )
 
@@ -103,24 +71,58 @@
     "Dropbase",
     start_date: "May 2023",
     end_date: "Aug 2023",
-    location: "Toronto",
+    location: "Remote",
-    tools: "React, Python, PostgreSQL, AWS",
+    tools: "React, TypeScript, Python, Postgres, AWS",
     tasks: (
-      [Designed a conflict resolution algorithm for merging databases, *reducing
+      [Engineered a new React data query builder and FastAPI backend for our business
-        unrecoverable errors by 75%*],
+        intelligence visualisation service to *33000+* users, eliminating the need for
-      [Owned and launched a HubSpot/Airtable to Google Sheets sync feature to *46000+
+        clients to manually write API calls],
-        enterprise users* by writing AWS Lambda functions in Python, abstracting
+      [Shipped a new tool to sync *46000+* users' HubSpot/Airtable tables to Google
-        interfaces to easily support future sources],
+        Sheets with AWS Lambdas],
-      [Wrote and deployed a new React data query builder for our business intelligence
+      [Designed a conflict resolution algorithm to merge databases, reducing
-        visualisation service to *33000+ users*, eliminating the need for clients to
+        unrecoverable errors by *75%*],
-        manually write API calls or Python code],
+      // [?? new tool dDeveloped a *serverless microservice* that asynchronously ingests
-      [Developed a *serverless microservice* that asynchronously ingests email
+      //   email attachments directly into ETL pipelines],
-        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(
+    "Backend Developer",
+    "Hack the North",
+    start_date: "Mar 2023",
+    end_date: "present",
+    location: "Waterloo, ON",
+    tools: "Express, TypeScript, Postgres, GraphQL",
+    tasks: (
+      [Built a new travel tool application leveraging GraphQL and Apollo Server to
+        track bus capacity for *500+* attendees through real-time registration processes],
+      [Streamlined event check-in times by *80%* for *1900+* guests by generating Apple
+        Wallet passes over Express],
+      [Diagnosed and recovered from crashes due to load spikes up to 800k updates per
+        hour at the world's largest student-run hackathon by autoscaling Redis and
+        Postgres on Kubernetes],
+      [Slashed dev server reload time from *130 → 9 s* by introducing threading and
+        pre-transpiling generated code],
+      // [Upgraded the event statistics dashboard to update in real time with GraphQL
+      //   *subscriptions with Redis PubSub*],
+    ),
+  )
+
+  #work_entry(
+    "Software Developer",
+    "Organization for Transformative Works",
+    start_date: "Feb 2024",
+    end_date: "present",
+    location: "Remote",
+    tools: "Python, React, MySQL",
+    tasks: (
+      [Upgrading archive import pipelines in Python to make *4000+* user works
+        accessible to *7 million* users],
+    ),
+  )
 ]
 
 = Projects
@@ -131,16 +133,34 @@
     "Mandown Comic Downloader",
     "Python, Qt",
     repo_link: "https://github.com/potatoeggy/mandown",
+    start_date: "Jan 2022",
+    end_date: "present",
+    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(
+    "Kobo Sync Server",
+    "Rust, Axum",
+    repo_link: "https://github.com/potatoeggy/kobink",
+    start_date: "Nov 2023",
+    end_date: "present",
+    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],
+    ),
   )
-  - Created a CLI and GUI to scrape, download, and convert webcomics into
-    e-ink-optimised ebooks (EPUB, PDF)
-  - Designed a *scalable data conversion system* via a canonical format, allowing
-    any format to convert to any other
-  - Implemented *image caching and multithreading* to increase download and update
-    speeds by *300%*
 
   // #project(
-  //   "Genshin Simulator",
+  //   "Genshin Rewards Simulator",
   //   "Vue, TypeScript",
   //   repo_link: "https://github.com/potatoeggy/primoprod",
   //   demo_link: "https://primoprod.vercel.app",
@@ -151,14 +171,19 @@
   //   such as during cutscenes
 
   #project(
-    "Kobo Sync Server",
+    "Jeopardy!",
-    "Rust, Axum",
+    "Vue, TypeScript, WebSockets",
-    repo_link: "https://github.com/potatoeggy/kobink",
+    repo_link: "https://github.com/potatoeggy/jeopardy",
+    start_date: "Apr 2023",
+    end_date: "present",
+    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*],
+    ),
   )
-  - *Reimplemented the Kobo Store Sync protocol* in an Axum backend to instead sync
-    personal ebook files
-  - Deployed the service behind an nginx reverse proxy and Cloudflare DNS to allow
-    syncing over the internet
 
   // #project(
   //   "RecipeReady",
@@ -193,8 +218,8 @@
 
 #indent[
   #work_entry(
+    "B.A.Sc. in Computer Engineering (Honours, Co-op)",
     "University of Waterloo",
-    "B.A.Sc. in Computer Engineering",
     start_date: "Sep 2022",
     end_date: "Apr 2027",
     location: "Waterloo, ON",

lib.typ

@@ -12,10 +12,15 @@
 #let TITLE_FONT_SIZE = 2em
 
 #let HEADING_LINE_GAP = 3mm
-#let BODY_LINE_HEIGHT = 0.8em
+#let BODY_LINE_HEIGHT = 0.75em
+
+#let HEADING_DETAILS_LIST_SPACING = 0.9em
+#let DETAILS_TITLE_FONT_SIZE = 1.075em
+
+#let DETAILS_LIST_SPACING = 0.85em
 
 // rest = not top
-#let PAGE_MARGINS = (rest: 0.5in, top: 0.4in, left: 0.4in, bottom: 0.4in)
+#let PAGE_MARGINS = (right: 0.45in, left: 0.4in, rest: 0.4in)
 
 // Format locations.
 #let format_location(location) = {
@@ -23,15 +28,15 @@
 }
 
 #let indent(content) = {
-  block(inset: (left: 0.75em, right: 0.5em), content)
+  block(inset: (left: 0.75em, right: 1em), 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.9em,
+    spacing: HEADING_DETAILS_LIST_SPACING,
-    grid(columns: (11fr, 3fr), column-gutter: 1cm, {
+    grid(columns: (15fr, 4fr), column-gutter: 0cm, {
       set strong(delta: DEFAULT_STRONG)
       set align(left)
       left_content
@@ -41,9 +46,8 @@
       right_content
     }),
     {
-      set align(left)
+      set strong(delta: DEFAULT_STRONG)
-      set strong(delta: SMALL_STRONG)
+      list(tight: false, spacing: DETAILS_LIST_SPACING, marker: [•], ..details)
-      details
     },
   )
 }
@@ -58,71 +62,82 @@
   end_date: none,
   location: none,
 ) = {
-  let task_list = if tasks != none {
+  cv_entry(left_content: {
-    let list = []
+    set par(justify: true)
-    for task in tasks {
+    text(DETAILS_TITLE_FONT_SIZE)[*#company* | _#role _]
-      list += [- #task]
+
+    if tools != none {
+      set strong(delta: SMALL_STRONG)
+      text[ | *#tools* ]
     }
-    list
+  }, right_content: {
+    [_#start_date -- #end_date _]
+    // if location != none {
+    // format_location(location)
+    // }
+  }, details: tasks)
+}
+
+#let project(
+  title,
+  tools,
+  start_date: none,
+  end_date: none,
+  repo_link: none,
+  demo_link: none,
+  tasks: none,
+) = {
+  set strong(delta: DEFAULT_STRONG)
+  let text_link = if demo_link != none { demo_link } else { repo_link }
+  let date_content = if start_date != none {
+    [_#start_date -- #end_date _]
   } else {
     none
   }
-  cv_entry(left_content: {
-    set par(leading: 0.75em)
-    text(1.1em)[*#role*]
 
-    if tools != none {
+  let content_title = {
-      text[ | _ #tools _ ]
+    set text(size: DETAILS_TITLE_FONT_SIZE)
+    if text_link != none {
+      link(text_link)[#text[*#title*]]
+    } else {
+      text[*#title*]
     }
 
-    "\n"
+    if demo_link != none {
-    set strong(delta: SMALL_STRONG)
+      link(demo_link)[ #fa(link-icon) ]
-    text[*#company*]
-  }, right_content: {
-    [*#start_date -- #end_date*]
-
-    if location != none {
-      "\n" + format_location(location)
     }
-  }, details: task_list)
+
+    if repo_link != none {
+      link(repo_link)[ #fa(github) ]
+    }
+    [ | _ #tools _ ]
+  }
+
+  cv_entry(
+    left_content: content_title,
+    right_content: date_content,
+    details: tasks,
+  )
 }
 
-#let project(title, tools, repo_link: none, demo_link: none) = {
+#let render_contact_data(data) = {
-  set strong(delta: DEFAULT_STRONG)
+  align(center)[
-  let text_link = if demo_link != none { demo_link } else { repo_link }
+    #let elements = for el in data {
-  if text_link != none {
+      (link(el.link)[#{ el.service + " " + el.display }],)
-    link(text_link)[#text(1.1em)[*#title*]]
+    }
-  } else {
+    #text(1em)[#elements.join(" | ")]
-    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 _ ]
 }
 
 // Set name and contact data and format headings
-#let template(name, contact_data, color, doc) = {
+#let template(name, color, doc) = {
   set page(margin: PAGE_MARGINS, paper: "us-letter")
-  set list(indent: 1em, marker: [•])
+  set list(indent: 0.75em, marker: [•])
   set text(font: (BODY_FONT), BODY_FONT_SIZE)
-  set par(justify: true, leading: BODY_LINE_HEIGHT)
+  set par(leading: BODY_LINE_HEIGHT)
   align(center)[
     #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(1em)[#elements.join(" | ")]
-      }
-    }
   ]
 
   show heading.where(level: 1): i => {