feat: content overhaul

eugene is the best

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,73 +23,104 @@
   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
 
-= Education
-
-#indent[
-  #work_entry(
-    "University of Waterloo",
-    "B.A.Sc. in Computer Engineering",
-    start_date: "Sep 2022",
-    end_date: "Apr 2027 (expected)",
-    location: "Waterloo, ON",
-    tasks: (
-      [Courses: Object-oriented programming, data structures & algorithms, digital
-        computers & circuits],
-    ),
-  )
-]
-
 = Skills
 
 #indent[
-  *Languages:* Python, TypeScript/JavaScript, Rust, SQL, C++, Java, HTML, CSS \
+  *Languages:* Python, TypeScript, JavaScript, SQL, Rust, C++, Java, HTML/CSS \
-  *Frameworks:* Node.js, Express, React, Next.js, Vue, Flutter, Qt, Prisma,
+  // Dart, Ruby
-  Apollo, Axum \
+  *Technologies:* Node.js, React, Vue, Next.js, Spring Boot, Express, Prisma, Axum
-  *Tools:* Linux, Git, Docker, PostgreSQL, Redis, Kubernetes, AWS, GCP,
+  \
-  OpenTelemetry, GraphQL
+  // Qt, Jest / Pytest, Apollo, Prisma, Rails
+  *Tools:* Linux, Git, Docker, PostgreSQL, Pytest, Jest, AWS/GCP, Kubernetes,
+  Terraform // Jenkins, systemd, Jira
 ]
 
 = Experience
 
 #indent[
-  #show link: underline
+  // #work_entry(
+  //   "Technical Volunteer",
+  //   "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 4000+ user works to be accessible
+  //       to *7 million registered users*],
+  //   ),
+  // )
+
+  #work_entry(
+    "Software Engineering Intern",
+    "Immigr8",
+    start_date: "Jan 2024",
+    end_date: "Apr 2024",
+    location: "Remote",
+    tools: "Next.js, Spring Boot, PostgreSQL, AWS, Terraform",
+    tasks: (
+      // [Improved client responsiveness by *80* by employing stale-while-revalidate hooks for caching and ?? SWR performance, caching, error handling],
+      [Optimised dashboard performance by *80%* by employing *stale-while-revalidate*
+        hooks in *React* and lazily loading backend models with Hibernate, improving
+        user retention by *30%*],
+      [Achieved 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],
+      [Owned the creation of an end-to-end document vault feature for users to upload
+        and verify supplementary identity documents with *Textract*, *reducing support
+        tickets by 25%*],
+      [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",
     location: "Remote",
+    tools: "React, Python, PostgreSQL, AWS",
     tasks: (
-      [Developed a *FastAPI backend* to sync HubSpot and Airtable data with Google
+      [Owned the creation of a new feature to sync *46000+ enterprise users'*
-        Sheets via *AWS Lambda*],
+        HubSpot/Airtable data to Google Sheets and emailed CSVs to databases with AWS
-      [Engineered a *heuristic algorithm* to guarantee *SQL* aliases referenced in
+        Lambda and *Python*],
-        queries match the database schema],
+      [Engineered a new *React* data query builder and *FastAPI* backend for our
-      [Refactored the frontend to use *react-hook-form* to aggregate and validate user
+        business intelligence visualisation service to *33000+ users*, eliminating the
-        input, improving DX],
+        need for clients to manually write API calls],
-      [Built a #link("https://dropmail.dev")[service] for *validating and importing
+      [Designed a conflict resolution algorithm to merge databases, reducing
-        CSV/Excel* files from customer emails into client databases],
+        *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*],
     ),
   )
 
   #work_entry(
     "Backend Developer",
-    "Techyon",
+    "Hack the North",
     start_date: "Mar 2023",
     end_date: "present",
     location: "Waterloo, ON",
+    tools: "Express, Redis, GraphQL, Docker, Kubernetes",
     tasks: (
-      [Dynamically generated user-specific *Apple Wallet* passes over *Apollo GraphQL*
+      [Built a new travel tool application leveraging *GraphQL* and *Apollo Server* to
-        Server to streamline check-in],
+        track bus capacity for *500+ attendees* through real-time registration processes],
-      [Horizontally scaled the *Node.js* server to handle *1000+ concurrent users* with
+      [Streamlined event check-in times by *80%* for *1900+ guests* by generating
-        *Redis* and *Kubernetes*],
+        Apple/Google Wallet passes over *Express* and *Node.js*],
-      [Automated judge-to-hacker matching and scheduling with a custom algorithm based
+      [Diagnosed and recovered from crashes due to load spikes up to *800k updates per
-        on their preferences],
+        hour* at the world's largest student-run hackathon by autoscaling *Redis* and
-      [Integrated *OpenTelemetry* and Grafana in a *Kubernetes* cluster to collect
+        *Postgres* on *Kubernetes*],
-        traces and improve observability],
+      // [Upgraded the event statistics dashboard to update in real time with GraphQL
+      //   *subscriptions with Redis PubSub*],
     ),
   )
 ]
@@ -99,61 +130,91 @@
 
 #indent[
   #project(
-    "Mandown Comic Converter",
+    "Mandown Comic Downloader",
-    "https://github.com/potatoeggy/mandown",
     "Python, Qt",
+    repo_link: "https://github.com/potatoeggy/mandown",
   )
   - Created a CLI and GUI to scrape, download, and convert webcomics into
-    e-ink-optimised ebooks (EPUB, PDF)
+    e-ink-optimised PDF/EPUBs
-  - Designed an *intermediate representation* to store metadata and images as a
+  - Designed a scalable ebook converter with a *plugin-based architecture* to
-    standardised conversion target
+    improve compatibility
-  - Implemented *image caching and multiprocessing* to increase download and update
+  - Implemented *image caching and multithreading* to increase download and update
     speeds by *300%*
-  - Minimised regressions between release cycles by writing *unit and integration
-    tests* with 55% code coverage
 
   #project(
-    "Primoprod Genshin Simulator",
+    "Kobo Sync Server",
-    "https://github.com/potatoeggy/primoprod",
+    "Rust, Axum",
-    "Vue, TypeScript",
+    repo_link: "https://github.com/potatoeggy/kobink",
   )
-  - Built an interactive, realistic, and beautiful game simulator with fluid
+  - Created an *Axum* backend to send custom files to Kobos by *reimplementing the
-    animations based off a popular game
+    Kobo Sync API*
-  - Constructed an *extensible JSON data schema* to let the user dynamically switch
+  - Deployed the service behind an nginx reverse proxy and Cloudflare DNS to sync
-    between game versions
+    over the internet
 
-  // #project("Kobink — Kobo Sync Server", "https://github.com/potatoeggy/kobink", "Rust, Axum, Postgres")
+  // #project(
-  // - ??? something here (reverse engineering)
+  //   "Genshin Rewards Simulator",
-  // - ??? something here (synchronisation and DB, HTTP headers)
+  //   "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(
-    "RecipeReady Recipe Aggregator",
+    "Jeopardy!",
-    "https://github.com/vincentjguo/recipeready-server",
+    "Vue, TypeScript, WebSockets",
-    "Flutter, Selenium, FastAPI, Android",
+    repo_link: "https://github.com/potatoeggy/jeopardy",
+    demo_link: "https://jeopardy.eggworld.me/host",
   )
-  - Developed a *Flutter app* to generate recipes based on ingredients and filters
+  - Created a beautiful and polished game where participants buzz in on their
-    through a FastAPI server
+    devices over *WebSockets*
-  - Scraped thousands of websites for recipes to build a database with a robust
+  - Synchronised game state between clients and the host with shared types and the
-    *many-to-many tag system*
+    *observer pattern*
-  - Aggregated common ingredients heuristically to build a shopping list and a meal
-    plan for each week
 
-  #project(
+  // #project(
-    "Box Box Revolution",
+  //   "RecipeReady",
-    "https://github.com/potatoeggy/boxboxrevolution",
+  //   "https://github.com/vincentjguo/recipeready-server",
-    "Rust, STM32",
+  //   "Flutter, Selenium, FastAPI, Android",
-  )
+  // )
-  - Created a rhythm game to detect punches with an ultrasonic sensor in line wth
+  // - Developed a *Flutter app* to generate recipes based on ingredients and filters
-    notes of popular songs
+  //   through a FastAPI server
-  - Developed firmware to measure from an ultrasonic sensor, tone a buzzer, and show
+  // - Scraped thousands of websites for recipes to build a database with a robust
-    scrolling notes on an LCD
+  //   *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
+
+  // #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
 ]
 
-= Awards
+= Education
 
-#show link: underline
+#indent[
-
+  #work_entry(
-- Winner of the #link("https://github.com/anyuan-chen/resketch")[EdTech] prize at
+    "B.A.Sc. in Computer Engineering",
-  StormHacks 2022 from 350+ participants
+    "University of Waterloo",
-- Winner of the #link("https://github.com/anyuan-chen/perdiem")[IBM Open Source] prize
+    start_date: "Sep 2022",
-  at YRHacks 2022 from 90+ participants
+    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],
+    ),
+  )
+]

README.md

@@ -2,6 +2,10 @@
 
 Release guidelines:
 
-- The major version represents the current academic year, e.g., both post-2A and 2B would be v2.
+- 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.
-- The minor version represents the current academic term, e.g., 2A would be v2.1. the x.0 releases are reserved for beta changes.
+- Increment the minor version for every major change. These can include:
-- The patch version is incremented for any other reason.
+  - 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,21 +1,22 @@
-#import "fontawesome.typ": github, fa
+#import "fontawesome.typ": github, fa, link-icon
 
 #let DEFAULT_STRONG = 300;
 #let SMALL_STRONG = 200;
 
-#let TITLE_FONT = "Bitter"
+#let TITLE_FONT = "New Computer Modern"
 #let HEADING_FONT = TITLE_FONT
-#let BODY_FONT = "Open Sans"
+#let BODY_FONT = "New Computer Modern"
 
-#let BODY_FONT_SIZE = 10pt
+#let BODY_FONT_SIZE = 11.5pt
-#let HEADING_FONT_SIZE = 1em
+#let HEADING_FONT_SIZE = 0.95em
 #let TITLE_FONT_SIZE = 2em
 
 #let HEADING_LINE_GAP = 3mm
-#let BODY_LINE_HEIGHT = 0.85em
+#let BODY_LINE_HEIGHT = 0.65em
+#let BODY_LINE_SPACING = 0.75em
 
 // rest = not top
-#let PAGE_MARGINS = (rest: 0.5in, top: 0.4in)
+#let PAGE_MARGINS = (right: 0.5in, rest: 0.4in)
 
 // Format locations.
 #let format_location(location) = {
@@ -23,15 +24,15 @@
 }
 
 #let indent(content) = {
-  block(inset: (left: 1em, right: 0.5em), content)
+  block(inset: (left: 0em, right: 0em), 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: 0.75em,
-    grid(columns: (11fr, 6fr), column-gutter: 1cm, {
+    grid(columns: (9fr, 5fr), column-gutter: 1cm, {
       set strong(delta: DEFAULT_STRONG)
       set align(left)
       left_content
@@ -52,6 +53,7 @@
 #let work_entry(
   role,
   company,
+  tools: none,
   tasks: none,
   start_date: none,
   end_date: none,
@@ -67,38 +69,57 @@
     none
   }
   cv_entry(left_content: {
-    text(1.1em)[*#role*] + "\n" + text[#emph[#company]]
+    set par(justify: true)
+    text[*#company* | _#role _]
   }, right_content: {
-    [*#start_date -- #end_date*]
+    [#start_date -- #end_date]
-
+    // if location != none {
-    if location != none {
+    // format_location(location)
-      "\n" + format_location(location)
+    // }
-    }
   }, details: task_list)
 }
 
-#let project(title, repo_link, tools) = {
+#let project(title, tools, repo_link: none, demo_link: none) = {
   set strong(delta: DEFAULT_STRONG)
-  link(repo_link)[#text(1.1em)[*#title* #fa(github)]] + [ | _ #tools _ ]
+  let text_link = if demo_link != none { demo_link } else { repo_link }
+  if text_link != none {
+    link(text_link)[#text[*#title*]]
+  } else {
+    text[*#title*]
+  }
+
+  if demo_link != none {
+    link(demo_link)[ #fa(link-icon) ]
+  }
+
+  if repo_link != none {
+    link(repo_link)[ #fa(github) ]
+  }
+  [ | _ #tools _ ]
+}
+
+#let render_contact_data(data) = {
+  align(center)[
+    #let elements = for el in data {
+      (link(el.link)[#{ el.service + " " + el.display }],)
+    }
+    #text(1em)[#elements.join(" | ")]
+  ]
 }
 
 // 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: 1.25em, marker: [•])
+  set list(indent: 0.65em, 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*]
+    #text(
+      size: TITLE_FONT_SIZE,
+      font: TITLE_FONT,
+      fill: color,
+    )[#smallcaps[*#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 => {
@@ -116,7 +137,7 @@
     })
 
     set block(above: 0.9em, below: 0.75em)
-    set text(size: 1em, fill: color, font: HEADING_FONT)
+    set text(size: HEADING_FONT_SIZE, fill: color, font: HEADING_FONT)
     stack(
       dir: ltr,
       spacing: HEADING_LINE_GAP,