feat(web): add frontend tooling

content changes are required

Daniel Chen.typ

@@ -1,210 +0,0 @@
-#import "fontawesome.typ": fa, globe, github, linkedin, envelope
-#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG
-
-// orange!!
-#let color = blue // rgb("#ff983e")
-#let name = "Daniel Chen"
-
-#let contact_data = ((
-  service: fa[#globe],
-  display: "eggworld.me",
-  link: "https://eggworld.me",
-), (
-  service: fa[#github],
-  display: "github.com/potatoeggy",
-  link: "https://github.com/potatoeggy",
-), (
-  service: fa[#linkedin],
-  display: "linkedin.com/in/potatoeggy",
-  link: "https://www.linkedin.com/in/potatoeggy/",
-), (
-  service: fa[#envelope],
-  display: "d7chen@uwaterloo.ca",
-  link: "mailto://d7chen@uwaterloo.ca",
-),)
-
-#show: doc => template(name, contact_data, color, doc)
-
-// 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",
-    location: "Waterloo, ON",
-    tasks: (
-      [Courses: OOP, data structures & algorithms, digital logic & circuits, embedded
-        microprocessors],
-      // [Extracurriculars: Creative Writing Club, Hack the North, UW Orbital Design Team],
-    ),
-  )
-]
-
-= Skills
-
-#indent[
-  *Languages:* Python, C/C++, VHDL, Verilog, MATLAB, Rust, Java, SQL, JavaScript,
-  HTML, CSS \
-  // Qt, Jest / Pytest, Apollo, Prisma, Rails
-  *Tools:* Linux, Git, PostgreSQL, Qt, STM32, Quartus Prime, Valgrind, GDB
-]
-
-= Projects
-#set strong(delta: SMALL_STRONG)
-
-#indent[
-  #project("FPGA Diagnostic Tool", "C, Verilog, Tcl")
-  - Assembled various IP cores in Quartus and Verilog to create a diagnostic tool
-    for an FPGA board with Tcl scripts
-  - Developed a C program to communicate with the FPGA over UART and display
-    diagnostic information
-
-  #project("PNG Validator", "C")
-  - Created a PNG file validator to find common errors and corruption by checking
-    metadata and computing CRCs
-  // memory safety w/Valgrind
-  - Ran tests behind Valgrind to ensure memory safety, prevent memory leaks, and
-    maintain accuracy
-
-  #project(
-    "Box Box Revolution",
-    "Rust, STM32",
-    repo_link: "https://github.com/potatoeggy/boxboxrevolution",
-  )
-  - Created a rhythm game to detect punches with an ultrasonic sensor in time with
-    notes of popular songs
-  - Developed firmware to measure from an ultrasonic sensor, tone a buzzer, and show
-    scrolling notes on an LCD
-
-  #project("Climate Controller", "ARM Assembly, VHDL")
-  - Programmed an FPGA to heat/cool a theoretical room to a target temperature given
-    switch-controlled inputs
-  - Added conditions such as avoiding changes if windows are open, vacation mode,
-    and realistic heating curves
-
-  // #project(
-  //   "Kobo Sync Server",
-  //   "Rust, Axum",
-  //   repo_link: "https://github.com/potatoeggy/kobink",
-  // )
-  // - *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(
-    "Mandown Comic Downloader",
-    "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)
-  - 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 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(
-  //   "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
-
-  // #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
-
-]
-
-= Experience
-
-#indent[
-  #work_entry(
-    "Software Developer 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],
-      [Planned and executed a roadmap to SOC 2 security compliance by *implementing
-        role-based permissions with JWTs*, sending backend logs and alerts to
-        CloudWatch, and introducing new privacy controls for user data],
-      [*Introduced CI/CD for AWS Lambdas* by codifying them in Terraform for
-        reproducible and automatic deployments],
-      [Set up a staging environment via *EC2 and Jenkins* with parallel builds to
-        *reduce production errors by 90%*],
-    ),
-  )
-
-  #work_entry(
-    "Software Engineering Intern",
-    "Dropbase",
-    start_date: "May 2023",
-    end_date: "Aug 2023",
-    location: "Remote",
-    tools: "React, Python, PostgreSQL, AWS",
-    tasks: (
-      [Owned and launched a HubSpot/Airtable to Google Sheets sync feature to *46000+
-        enterprise users* by writing AWS Lambda functions in Python, abstracting
-        interfaces to easily support future sources],
-      [Wrote and deployed a new *React* data query builder for our business
-        intelligence visualisation service to *33000+ users*, eliminating the need for
-        clients to manually write API calls or Python code],
-      // [??? 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 Lead",
-    "Hack the North",
-    start_date: "Mar 2023",
-    end_date: "present",
-    location: "Waterloo, ON",
-    tools: "Express, Redis, GraphQL, Docker, Kubernetes",
-    tasks: (
-      [Shipped a new *bus registration tool* for attendees by creating new database
-        tables and GraphQL resolvers],
-      [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],
-    ),
-  )
-]

Makefile

@@ -0,0 +1,21 @@
+# Define the source .typ files and the target PDF names
+TYP_FILES := $(wildcard *.typ)
+PDF_FILES := $(TYP_FILES:.typ=.pdf)
+PREFIXED_PDFS := $(addprefix danielchen_, $(PDF_FILES))
+
+# Rule to build all PDFs with the "danielchen_" prefix
+all: $(PREFIXED_PDFS)
+
+danielchen_%.pdf: %.typ
+	typst compile $< $@
+
+# Rule for watching all .typ files concurrently
+watch:
+	@$(foreach file, $(TYP_FILES), \
+		(typst watch $(file) danielchen_$(basename $(file)).pdf &) ; \
+	)
+	@wait
+
+# Cleanup rule
+clean:
+	rm -f danielchen_*.pdf

README.md

@@ -1,6 +1,12 @@
-# resume
+# Resume
 
-Release guidelines:
+## 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:

backend_infra.typ

@@ -0,0 +1,195 @@
+
+#import "lib/template_common.typ": template_common, work_entry, project, indent, SMALL_STRONG
+
+#let education = indent[
+  #work_entry(
+    "B.A.Sc. in Computer Engineering",
+    "University of Waterloo",
+    start_date: "Sep 2022",
+    end_date: "Apr 2027",
+    location: "Waterloo, ON",
+    tasks: (
+      // [Courses: Object-oriented programming, data structures & algorithms, concurrency,
+      //   operating systems],
+      [Extracurriculars: Hack the North Organising Team, UW Orbital Satellite Design
+        Team, Creative Writing Club],
+    ),
+  )
+]
+
+#let skills = indent[
+  *Languages:* TypeScript/JavaScript, Rust, Python, Java, C++, SQL, HTML/CSS \
+  // Dart
+  *Technologies:* Postgres, Spring Boot, Express, Redis, Terraform, Prisma,
+  Apollo, Axum, GraphQL, React \
+  *Developer Tools:* Linux, Git, Docker, Pytest, Jest, AWS, GCP, Kubernetes,
+  Jenkins, nginx // Jenkins, systemd, Jira
+]
+
+#show: doc => template_common(education, skills, doc)
+
+= Experience
+
+#indent[
+  #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: (
+      [Created tooling to build and deploy new customer landing portals based off of
+        Figma designs with Vercel's API],
+      [Developed a new external REST API for customers who wanted to access their token
+        data programmatically], // termination display (FE), external API for customers not using our platform (BE)
+      [Wrote and audited smart contracts on Solana blockchain to add claim fees to our
+        token vesting platform],
+    ),
+  )
+
+  #work_entry(
+    "Software Developer",
+    "Immigr8",
+    company_link: "https://immigr8now.com",
+    start_date: "Jan 2024",
+    end_date: "Apr 2024",
+    location: "Remote",
+    tools: "TypeScript, Spring Boot, React, Postgres, Terraform, AWS",
+    tasks: (
+      [Owned end-to-end development of a secure document vault for users to upload ID
+        documents with S3 and Textract],
+      [Championed and shipped features for *SOC 2 security compliance*, including
+        *role-based permissions with JWTs* in Spring Boot, alert logging with
+        CloudWatch, and stronger privacy controls for user data],
+      [Reduced dashboard load time by 38% by implementing a stale-while-revalidate
+        caching strategy],
+      [Created a CI/CD system from scratch with Terraform and Jenkins to automatically
+        deploy AWS Lambdas], // BE-infra only, FE ver is admin dashboard
+    ),
+  )
+
+  #work_entry(
+    "Software Engineering Intern",
+    "Dropbase",
+    company_link: "https://dropbase.io",
+    start_date: "May 2023",
+    end_date: "Aug 2023",
+    location: "Remote",
+    tools: "TypeScript, Python, React, Postgres, AWS",
+    tasks: (
+      [Architected a data query builder and executor engine for customers to visualise
+        their data warehouses by custom-tailoring forms on-the-fly, supporting complex
+        nested logic for 3000+ enterprise users across 8 database types], //
+      [Shipped an LSP server for our custom query DSL, including customer-specific
+        autocomplete and syntax highlighting],
+      [Developed a serverless microservice to asynchronously ingest 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 / Infrastructure Developer",
+    "Hack the North",
+    company_link: "https://hackthenorth.com",
+    start_date: "Mar 2023",
+    end_date: "Oct 2024",
+    location: "Waterloo, ON",
+    tools: "TypeScript, Express, Postgres, Kubernetes",
+    tasks: (
+      [Streamlined event check-in times for *1900+* guests by generating scannable
+        mobile wallet passes over Express],
+      [Overhauled CI/CD pipelines, speeding up builds by 35% by parallelising testing
+        and type checking],
+      [Introduced backend tracing with OpenTelemetry and Grafana to profile performance
+        issues in production],
+    ),
+  )
+]
+
+= Projects
+#set strong(delta: SMALL_STRONG)
+
+#indent[
+  #project(
+    "Mandown",
+    "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 comic files],
+      [Redesigned the ebook converter with a *plugin-based architecture* to increase
+        accessibility for new contributors],
+      [Expanded support for new formats and features #link("https://github.com/potatoeggy/mandown/issues/55")[based on] #link("https://github.com/potatoeggy/mandown/issues/89")[user] #link("https://github.com/potatoeggy/mandown/issues/63")[demand],
+        minimising regressions with #link(
+          "https://github.com/potatoeggy/mandown/blob/master/tests/test_source_batoto.py",
+        )[E2E tests]],
+      [Implemented *image caching and multithreading* to increase download and
+        processing speeds by *300%*],
+    ),
+  )
+
+  #project(
+    "Kobink",
+    "Rust, Axum",
+    repo_link: "https://github.com/potatoeggy/kobink",
+    tasks: (
+      [Built a backend to sync custom ebook files to Kobos by reverse-engineering and
+        mimicking the Kobo Sync API],
+    ),
+  )
+
+  // #project(
+  //   "Genshin Rewards Simulator",
+  //   "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(
+  //   "Jeopardy!",
+  //   "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 (\"hwaboon\")",
+    "Linux, Docker, nginx, systemd",
+    demo_link: "https://eggworld.me",
+    tasks: (
+      [Created a *self-hosted CI/CD pipeline* with *Gitea* to automatically deploy
+        personal projects behind *nginx*], // TODO
+      [Managed services with *Docker* and *systemd* to simplify deployment and resource
+        constrainment], // TODO
+    ),
+  )
+]

hardware.typ

@@ -0,0 +1,203 @@
+
+#import "lib/template_common.typ": template_common, work_entry, project, indent, SMALL_STRONG
+
+#let education = indent[
+  #work_entry(
+    "B.A.Sc. in Computer Engineering",
+    "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],
+    ),
+  )
+]
+
+#let 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
+]
+
+#show: doc => template_common(education, skills, doc)
+
+= Experience
+
+#indent[
+  #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",
+    company_link: "https://dropbase.io",
+    start_date: "May 2023",
+    end_date: "Aug 2023",
+    location: "San Francisco, CA (Remote)",
+    tools: "TypeScript, Python, React, Postgres, AWS",
+    tasks: (
+      [??? make it clearer what this is 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],
+      [?? 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(
+    "Backend Developer",
+    "Hack the North",
+    company_link: "https://hackthenorth.com",
+    start_date: "Mar 2023",
+    end_date: "Oct 2024",
+    location: "Waterloo, ON",
+    tools: "TypeScript, Express, Postgres, Kubernetes",
+    tasks: (
+      [Built a new travel registration application leveraging GraphQL to track bus
+        capacity for *500+* attendees in real time],
+      [??? Apple wallet, mention it's a new feature],
+      [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*],
+    ),
+  )
+]
+
+= Projects
+#set strong(delta: SMALL_STRONG)
+
+#indent[
+  #project(
+    "Game Boy Advance Emulator",
+    "Rust, SDL2, Vulkan",
+    repo_link: "https://github.com/potatoeggy/gbarr",
+    tasks: (
+      [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(
+    "Mandown Comic Downloader",
+    "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(
+  //   "Kobo Sync Server",
+  //   "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(
+  //   "Genshin Rewards Simulator",
+  //   "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(
+  //   "Jeopardy!",
+  //   "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
+]

lib/lib.typ

@@ -7,15 +7,21 @@
 #let HEADING_FONT = TITLE_FONT
 #let BODY_FONT = "Open Sans"
 
-#let BODY_FONT_SIZE = 10pt
+#let BODY_FONT_SIZE = 9.75pt
 #let HEADING_FONT_SIZE = 0.95em
 #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.8em
+#let DETAILS_LIST_INDENT = 1.5em
 
 // rest = not top
-#let PAGE_MARGINS = (rest: 0.5in, top: 0.4in, left: 0.4in, bottom: 0.4in)
+#let PAGE_MARGINS = (right: 0.5in, top: 0.3in, left: 0.4in, bottom: 0.4in)
 
 // Format locations.
 #let format_location(location) = {
@@ -30,8 +36,8 @@
 #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, 5fr), column-gutter: 0cm, {
       set strong(delta: DEFAULT_STRONG)
       set align(left)
       left_content
@@ -41,9 +47,9 @@
       right_content
     }),
     {
-      set align(left)
       set strong(delta: SMALL_STRONG)
-      details
+      show link: underline
+      list(tight: false, spacing: DETAILS_LIST_SPACING, marker: [•], ..details)
     },
   )
 }
@@ -57,18 +63,11 @@
   start_date: none,
   end_date: none,
   location: none,
+  company_link: none,
 ) = {
-  let task_list = if tasks != none {
-    let list = []
-    for task in tasks {
-      list += [- #task]
-    }
-    list
-  } else {
-    none
-  }
   cv_entry(left_content: {
     set par(leading: 0.75em)
+
     text(1.1em)[*#role*]
 
     if tools != none {
@@ -77,67 +76,69 @@
 
     "\n"
     set strong(delta: SMALL_STRONG)
-    text[*#company*]
+
+    if company_link == none {
+      [*#company*]
+    } else {
+      [#link(company_link)[*#company*]]
+    }
   }, right_content: {
     [*#start_date -- #end_date*]
 
     if location != none {
       "\n" + format_location(location)
     }
-  }, details: task_list)
+  }, details: tasks)
 }
 
-#let project(title, tools, repo_link: none, demo_link: none) = {
+#let project(title, tools, 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 }
-  if text_link != none {
+
-    link(text_link)[#text(1.1em)[*#title*]]
+  let content_title = {
-  } else {
+    if text_link != none {
-    text(1.1em)[*#title*]
+      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 _ ]
   }
 
-  if demo_link != none {
+  cv_entry(left_content: content_title, details: tasks)
-    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: DETAILS_LIST_INDENT, marker: [•])
   set text(font: (BODY_FONT), BODY_FONT_SIZE)
   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(1em)[#elements.join(" | ")]
-      }
-    }
   ]
 
   show heading.where(level: 1): i => {
     set align(left + horizon)
     let title = smallcaps(i.body)
 
-    let colored_line(header_text) = style(styles => {
+    let colored_line(header_text) = {
-      let size = measure(header_text, styles)
+      let size = measure(header_text)
 
       // 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)
@@ -150,3 +151,12 @@
   }
   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(" | ")]
+  ]
+}

lib/template_common.typ

@@ -0,0 +1,46 @@
+#import "fontawesome.typ": fa, globe, github, linkedin, envelope
+#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG, render_contact_data
+
+#let SEQUENCE = ("skills", "content", "education")
+
+// orange!!
+#let color = blue // rgb("#ff983e")
+#let name = "Daniel Chen"
+
+#let contact_data = ((
+  service: fa[#globe],
+  display: "eggworld.me",
+  link: "https://eggworld.me",
+), (
+  service: fa[#github],
+  display: "github.com/potatoeggy",
+  link: "https://github.com/potatoeggy",
+), (
+  service: fa[#linkedin],
+  display: "linkedin.com/in/potatoeggy",
+  link: "https://www.linkedin.com/in/potatoeggy/",
+), (
+  service: fa[#envelope],
+  display: "d7chen@uwaterloo.ca",
+  link: "mailto://d7chen@uwaterloo.ca",
+),)
+
+#show: doc => template(name, color, doc)
+
+#let template_common(education, skills, doc) = {
+  template(name, color, {
+    render_contact_data(contact_data)
+
+    SEQUENCE.map(section => {
+      if section == "education" [
+        = Education
+        #education
+      ] else if section == "skills" [
+        = Technical Skills
+        #skills
+      ] else if section == "content" [
+        #doc
+      ]
+    }).join()
+  })
+}

web_fullstack.typ

@@ -0,0 +1,193 @@
+
+#import "lib/template_common.typ": template_common, work_entry, project, indent, SMALL_STRONG
+
+#let education = indent[
+  #work_entry(
+    "B.A.Sc. in Computer Engineering",
+    "University of Waterloo",
+    start_date: "Sep 2022",
+    end_date: "Apr 2027",
+    location: "Waterloo, ON",
+    tasks: (
+      [Extracurriculars: Hack the North Organising Team, UW Orbital Satellite Design
+        Team, Creative Writing Club],
+    ),
+  )
+]
+
+#let skills = indent[
+  *Languages:* TypeScript/JavaScript, HTML/CSS, SQL, Python, Java, Rust \
+  // Dart
+  *Technologies:* React, Vue, Next.js, Spring Boot, Express, Prisma, Apollo,
+  GraphQL, Axum, Tailwind, Redux, SASS \
+  *Tools:* Linux, Git, Docker, Postgres, Jest, AWS/GCP, Kubernetes, Figma,
+  Terraform // Jenkins, systemd, Jira
+]
+
+#show: doc => template_common(education, skills, doc)
+
+= Experience
+
+#indent[
+  #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, React, GraphQL, Figma",
+    tasks: (
+      [Created tooling to build and deploy new customer landing portals based off of
+        Figma designs with Vercel's API],
+      [Developed a new external REST API for customers who wanted to access their token
+        data programmatically],
+      [Revamped error propagation to support returning multiple errors per request,
+        reducing support tickets by *20%*],
+    ),
+  )
+
+  #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 end-to-end development of a secure document vault for users to upload ID
+        documents with S3 and Textract],
+      [Championed and shipped features for *SOC 2 security compliance*, including
+        *role-based permissions with JWTs* in Spring Boot, alert logging with
+        CloudWatch, and stronger privacy controls for user data],
+      [Reduced dashboard load time by 38% by implementing a stale-while-revalidate
+        caching strategy],
+    ),
+  )
+
+  #work_entry(
+    "Software Engineering Intern",
+    "Dropbase",
+    company_link: "https://dropbase.io",
+    start_date: "May 2023",
+    end_date: "Aug 2023",
+    location: "San Francisco, CA (Remote)",
+    tools: "TypeScript, Python, React, Postgres, AWS",
+    tasks: (
+      [Architected a data query builder and executor engine for customers to visualise
+        their data warehouses by custom-tailoring forms on-the-fly, supporting complex
+        nested logic for 3000+ enterprise users across 8 database types], //
+      [Shipped an LSP server for our custom query DSL, including customer-specific
+        autocomplete and syntax highlighting],
+      [Developed a serverless microservice to asynchronously ingest 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",
+    "Hack the North",
+    company_link: "https://hackthenorth.com",
+    start_date: "Mar 2023",
+    end_date: "Oct 2024",
+    location: "Waterloo, ON",
+    tools: "TypeScript, Express, Postgres, Kubernetes",
+    tasks: (
+      [Built a new travel registration application leveraging GraphQL to track bus
+        capacity for *500+* attendees in real time],
+      [Streamlined event check-in times for *1900+* guests by generating scannable
+        mobile wallet passes over Express],
+      [Introduced tracing with OpenTelemetry and Grafana to profile performance issues
+        in production],
+      // [Upgraded the event statistics dashboard to update in real time with GraphQL
+      //   *subscriptions with Redis PubSub*],
+    ),
+  )
+]
+
+= Projects
+#set strong(delta: SMALL_STRONG)
+
+#indent[
+  #project(
+    "Mandown",
+    "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 comic files],
+      [Redesigned the ebook converter with a *plugin-based architecture* to increase
+        accessibility for new contributors],
+      [Expanded support for new formats and features #link("https://github.com/potatoeggy/mandown/issues/55")[based on] #link("https://github.com/potatoeggy/mandown/issues/89")[user] #link("https://github.com/potatoeggy/mandown/issues/63")[demand],
+        minimising regressions with #link(
+          "https://github.com/potatoeggy/mandown/blob/master/tests/test_source_batoto.py",
+        )[E2E tests]],
+      [Implemented *image caching and multithreading* to increase download and
+        processing speeds by *300%*],
+    ),
+  )
+
+  // #project(
+  //   "Kobo Sync Server",
+  //   "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(
+    "Genshin Rewards Simulator",
+    "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(
+    "Jeopardy!",
+    "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
+]