feat: add box box revolution

Daniel Chen.typ

@@ -1,8 +1,8 @@
 #import "fontawesome.typ": fa, globe, github, linkedin, envelope
-#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG, render_contact_data
+#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG
 
 // orange!!
-#let color = blue // rgb("#ff983e")
+#let color = rgb("#ff983e")
 #let name = "Daniel Chen"
 
 #let contact_data = ((
@@ -23,69 +23,35 @@
   link: "mailto://d7chen@uwaterloo.ca",
 ),)
 
-#show: doc => template(name, color, doc)
-
-#render_contact_data(contact_data)
+#show: doc => template(name, contact_data, color, doc)
 
 // MAIN CONTENT STARTS here
 
 = Skills
 
 #indent[
-  *Languages:* TypeScript/JavaScript, HTML, CSS, SQL, Python, Java, C, C++, Rust \
-  // Dart
-  *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
+  *Languages:* Python, TypeScript/JavaScript, Rust, SQL, MATLAB, C++, Java, HTML, CSS \
+  *Frameworks:* Node.js, Express, React, Next.js, Vue, Flutter, Qt, Prisma, Apollo, Axum \
+  *Tools:* Linux, Git, Docker, PostgreSQL, Redis, Kubernetes, AWS, GCP,
+  OpenTelemetry, GraphQL, STM32
 ]
 
 = Experience
 
 #indent[
-  #work_entry(
-    "Software Engineering Intern",
-    "Immigr8",
-    start_date: "Jan 2024",
-    end_date: "Apr 2024",
-    location: "Remote",
-    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],
-      [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],
-      [Optimised dashboard responsiveness by *80%* by employing stale-while-revalidate
-        hooks in React and lazily loading backend models with Hibernate, improving user
-        retention by *30%*],
-      [Created CI/CD pipelines to automatically deploy AWS Lambdas with Terraform and
-        Jenkins],
-    ),
-  )
-
+  #show link: underline
   #work_entry(
     "Software Engineering Intern",
     "Dropbase",
     start_date: "May 2023",
     end_date: "Aug 2023",
     location: "Remote",
-    tools: "React, TypeScript, Python, Postgres, AWS",
     tasks: (
-      [Engineered a new React data query builder and FastAPI backend for our business
-        intelligence visualisation service to *33000+* users, eliminating the need for
-        clients to manually write API calls],
-      [Shipped a new tool to sync *46000+* users' HubSpot/Airtable tables to Google
-        Sheets with AWS Lambdas],
-      [Designed a conflict resolution algorithm to merge databases, reducing
-        unrecoverable errors by *75%*],
-      // [?? 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*],
+      [Developed a *FastAPI backend* to sync HubSpot and Airtable data with Google
+        Sheets via *AWS Lambda*],
+      [Engineered a *heuristic algorithm* to validate SQL queries against databases for better IDE auto-completion],
+      [Constructed dynamic web forms in *React* by generating elements on demand based on user responses],
+      [Created testing infrastructure for the backend with *Pytest* to catch regressions across database engines],
     ),
   )
 
@@ -95,32 +61,15 @@
     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],
+      [Dynamically generated user-specific Apple Wallet passes over *Apollo GraphQL*
+        Server to streamline check-in],
+      [Horizontally scaled the *Node.js* server to handle *1000+ concurrent users* with
+        *Redis* and *Kubernetes*],
+      [Designed a greedy algorithm in Python to match *20+ judges*
+        to *240+ hacker teams* based on their themes],
+      [Integrated *OpenTelemetry* and Grafana in a *Kubernetes* cluster to collect
+        traces and improve observability],
     ),
   )
 ]
@@ -130,103 +79,70 @@
 
 #indent[
   #project(
-    "Mandown Comic Downloader",
+    "Box Box Revolution",
+    "https://github.com/potatoeggy/boxboxrevolution",
+    "Rust, STM32"
+  )
+  - Created a real-time rhythm game to detect punches with an ultrasonic sensor in line with music notes
+  - Developed firmware to measure from an ultrasonic sensor, tone a buzzer, and show
+    scrolling notes on an LCD
+
+  #project(
+    "Mandown",
+    "https://github.com/potatoeggy/mandown",
     "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%*],
-    ),
   )
+  - Created a CLI and GUI to scrape, download, and convert webcomics into
+    e-ink-optimised ebooks (EPUB, PDF)
+  - Designed an *intermediate representation* to store metadata and images as a
+    standardised conversion target
+  - Implemented *image caching and multiprocessing* to increase download and update
+    speeds by *300%*
+  - Minimised regressions between release cycles by writing *unit and integration
+    tests* with 55% code coverage
+
+  #project("Kobink", "https://github.com/potatoeggy/kobink", "Rust, Axum")
+  - Developed an Axum backend to *automatically convert and sync* ebooks to a Kobo eReader
+    over the network
+  - Reverse-engineered the Kobo eReader Sync protocol to support updating ebook metadata and covers
 
   #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],
-    ),
+    "Primoprod",
+    "https://github.com/potatoeggy/primoprod",
+    "Vue, TypeScript",
   )
+  - Built an interactive, realistic, and beautiful game simulator with fluid
+    animations based off a popular game
+  - Reduced action latency by *90%* by lazily loading art assets at opportune times, such as during cutscenes
 
-  // #project(
-  //   "Genshin Rewards Simulator",
-  //   "Vue, TypeScript",
-  //   repo_link: "https://github.com/potatoeggy/primoprod",
-  //   demo_link: "https://primoprod.vercel.app",
-  // )
-  // - 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(
-    "Jeopardy!",
-    "Vue, TypeScript, WebSockets",
-    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*],
-    ),
-  )
-
-  // #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")
+  // #project("Arch Linux Server", none, "Linux, nginx, systemd")
   // - 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
-
-  // #project(
-  //   "Game Boy Advance Emulator",
-  //   "Rust, SDL2, Vulkan",
-  //   repo_link: "https://github.com/potatoeggy/gbarr",
-  // )
-  // - Implemented a *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
+  // - Set up *Jellyfin* for media streaming, a *Minecraft* server, *Calibre* for ebook
+  //   syncing, and other services
 ]
 
+= Awards
+
+#show link: underline
+
+- Winner of the #link("https://github.com/anyuan-chen/resketch")[EdTech] prize at
+  StormHacks 2022 from 350+ participants
+- Winner of the #link("https://github.com/anyuan-chen/perdiem")[IBM Open Source] prize
+  at YRHacks 2022 from 90+ participants
+
 = Education
 
 #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",
     tasks: (
       [Courses: Object-oriented programming, data structures & algorithms, digital
-        logic & circuits],
-      // [Extracurriculars: Creative Writing Club, Hack the North, UW Orbital Design Team],
+        computers & circuits],
     ),
   )
 ]

README.md

@@ -2,10 +2,6 @@
 
 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.
+- The major version represents the current academic year, e.g., both post-2A and 2B would be v2.
+- The minor version represents the current academic term, e.g., 2A would be v2.1. the x.0 releases are reserved for beta changes.
+- The patch version is incremented for any other reason.

lib.typ

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