Merge pull request #461 from jermspeaks/content/resume-printable

jermspeaks · web-flow · commit d4149d13d03e · 2024-06-14T11:26:32.000-07:00
Add a printable version of my resume
diff --git a/src/content/config.ts b/src/content/config.ts
@@ -232,6 +232,7 @@ const resume = defineCollection({
   schema: z.object({
     order: z.number(),
     title: z.string(),
+    printVersion: z.boolean(), 
   }),
 });
 
diff --git a/src/content/resume/01-profile-print.md b/src/content/resume/01-profile-print.md
@@ -0,0 +1,9 @@
+---
+title: Profile
+order: 1
+printVersion: true
+---
+
+As a former medical device engineer turned software engineer, I leverage a unique cross-functional perspective for innovative problem-solving and briding the gap amongst stakeholders. Specializing in full-stack JavaScript and TypeScript, my expertise includes front-end development, data visualizations, responsive web design, and UX. My skills enables me to create products that are not only technically robust but also intuitive, accessible, inclusive, and delightful for users.
+
+My active stack includes React, Svelte, Next.js, Astro, Figma, Node, Postgres, Vercel, Netlify, and Github Actions, Jest, and  Cypress.
diff --git a/src/content/resume/01-profile.md b/src/content/resume/01-profile.md
@@ -1,6 +1,7 @@
 ---
 title: Profile
 order: 1
+printVersion: false
 ---
 
 As a former medical device engineer turned software engineer, I leverage a unique cross-functional perspective for innovative problem-solving and bridge the gap in collaboration between technical and non-technical stakeholders. Specializing in full-stack JavaScript and TypeScript, my expertise includes front-end development, data visualizations, responsive web design, and UX. This blend of technical prowess and effective communication enables me to create products that are not only technically robust but also intuitive, accessible, inclusive, and delightful for users.
diff --git a/src/content/resume/02-employment-print.md b/src/content/resume/02-employment-print.md
@@ -0,0 +1,38 @@
+---
+title: Employment
+order: 2
+printVersion: true
+---
+
+- _2018-current_  
+  **Clear Labs** Senior Lead Application Engineer
+
+  - Experienced team manager engineering empathy with team members, relaying communication with all stakeholders, and reviewing code quality
+  - Conducted kaizen and other continuous improvement meetings including brown bags with team members to promote knowledge sharing
+
+  - **Clear Dx WGS**
+
+    - Built on top of the Clear Safety product to launch a new product, Clear Dx WGS, a comprehensive WGS (Whole Genome Sequencing) platform to accelerate the detection of infectious disease outbreaks using the same tech stack as Clear Safety
+    - Designed, developed, and tested new features on Clear Dx WGS that include rack creation and run reports for SARS-CoV-2 (Clinical and Wastewater), Microbial Surveillance, and other produts.
+    - Audited accessibility on our application, outputting VPAT reports, and implemented fixes to ensure compliance with WCAG 2.1 AAA
+    - Patched application with security policies and headers
+    - Earned certification in ISO 13485:2016 (QMS)
+
+  - **Clear Safety**
+    - Joined the team in an application developer role, architecting, designing, and developing the Web Application for Clear Safety, a product for food safety testing using NGS (next-generation sequencing), using React, Redux, Styled-Components, d3, GraphQL, Docker, Nginx, GCP, Jest, Cypress, Workbox, Storybook, Kubernetes, and git
+    - Managed continuous, quarterly releases including features like smart scheduling, data visualization, and data analysis
+    - Assisted in designing and implementing a full design system, modular to create hi-fi screens and quality user experiences for developers
+    - Led Scrum ceremonies including sprint planning, backlog grooming, and retrospectives
+
+- _2014-2018_  
+  **Inform** Senior Front-end Engineer
+
+  - **Digital Media Exchange** _Dashboard for customers and internal employees for all of Inform's Services_
+    - Joined my team in a lead front-end role reviewing design and interactions and developing the UI infrastructure in React, Redux, d3, Node.js, Express Docker, Rancher, and AWS
+    - Facilitated usability testing to determine weak points of the application to improve in the next development cycle
+  - **WordPress Plugin**
+    - Developed Inform's WordPress plugin for customers to embed videos without leaving the WordPress environment
+  - **Insights** _Dashboard for publishers to understand their content using Reverb's services_
+    - Developed dashboard for Insights using Angular with customized data visualizations using d3 and built on top of Angular, Node.js, Express, and AWS
+
+- Previous Experience beyond a decade can be provided upon request
diff --git a/src/content/resume/02-employment.md b/src/content/resume/02-employment.md
@@ -1,6 +1,7 @@
 ---
 title: Employment
 order: 2
+printVersion: false
 ---
 
 - _2018-current_  
diff --git a/src/content/resume/03-education-print.md b/src/content/resume/03-education-print.md
@@ -0,0 +1,10 @@
+---
+title: Education
+order: 3
+printVersion: true
+---
+
+- **🚌 2014 - 2014**
+  **Dev Bootcamp** _Web Development_
+- **📖 2008-2012**
+  **Cal Poly, San Luis Obispo** _B.S. Biomedical Engineering_
diff --git a/src/content/resume/03-education.md b/src/content/resume/03-education.md
@@ -1,6 +1,7 @@
 ---
 title: Education
 order: 3
+printVersion: false
 ---
 
 - **🚌 2014 - 2014**
diff --git a/src/content/resume/04-volunteering-print.md b/src/content/resume/04-volunteering-print.md
@@ -0,0 +1,9 @@
+---
+title: Select Volunteering
+order: 4
+printVersion: true
+---
+
+- _2017 - 2021_ **Hackbright Academy** Mentor and Guest Lecturer
+- _2015_ **ML Group** Event Coordinator
+- Previous volunteering beyond a decade can be provided upon request
diff --git a/src/content/resume/04-volunteering.md b/src/content/resume/04-volunteering.md
@@ -1,6 +1,7 @@
 ---
 title: Volunteering
 order: 4
+printVersion: false
 ---
 
 - _2017 - 2021_ **Hackbright Academy** Mentor and Guest Lecturer
diff --git a/src/content/resume/05-projects-print.md b/src/content/resume/05-projects-print.md
@@ -0,0 +1,12 @@
+---
+title: Select Projects
+order: 5
+printVersion: true
+---
+
+- [Craft By Zen](https://craftbyzen.com/blog/2023-05-02-website-rewrite/) Redesign
+  - Redesigned website and migrated content from different websites to a single source using Astro, Tailwind, Svelte, Netlify, and GitHub
+  - Reconfigured CI/CD through GitHub and Netlify for a staging and production environment
+  - Added authoring features using remark and rehype plugins, as well as an RSS feed, Sitemap, and optimizations for SEO
+- [Jeopardy for Clear Labs](https://craftbyzen.com/project/2020-12-10-jeopardy/)
+  - Developed a Jeopardy game for a Clear Labs meetup event built on top of Svelte, CSS, Vercel
diff --git a/src/content/resume/05-projects.md b/src/content/resume/05-projects.md
@@ -1,6 +1,7 @@
 ---
 title: Projects
 order: 5
+printVersion: false
 ---
 
 - [Craft By Zen](https://craftbyzen.com/blog/2023-05-02-website-rewrite/) Redesign
diff --git a/src/content/resume/06-speaking-print.md b/src/content/resume/06-speaking-print.md
@@ -0,0 +1,9 @@
+---
+title: Select Public Speaking
+order: 6
+printVersion: true
+---
+
+- Jan 14, 2019: @Hackbright: "System Design and Scalability" Presentation
+- Dec 11, 2017: @Hackbright: "React 2.0 Workshop". Presetation, Repo
+- Nov 1, 2017: @DevBootcamp: "Hands-on React Lunch and Learn"
diff --git a/src/content/resume/06-speaking.md b/src/content/resume/06-speaking.md
@@ -1,6 +1,7 @@
 ---
 title: Speaking
 order: 6
+printVersion: false
 ---
 
 - Jan 14, 2019
diff --git a/src/content/resume/07-certifications.md b/src/content/resume/07-certifications.md
@@ -0,0 +1,8 @@
+---
+title: Certifications
+order: 7
+printVersion: false
+---
+
+- Dec 2022: ISO 13845, Quality Management Systems
+- May 2012: EIT. FE, Other Disciplines. NCEES \#13-492-19
diff --git a/src/content/resume/08-active-stack.md b/src/content/resume/08-active-stack.md
@@ -1,6 +1,7 @@
 ---
 title: Active Stack
-order: 7
+order: 8
+printVersion: false
 ---
 
 - React & Svelte
diff --git a/src/content/resume/09-code-links.md b/src/content/resume/09-code-links.md
@@ -1,6 +1,7 @@
 ---
 title: Code / Links
-order: 8
+order: 9
+printVersion: false
 ---
 
 - [Email](mailto:jeremy@craftbyzen.com)
diff --git a/src/pages/about/resume-printable.astro b/src/pages/about/resume-printable.astro
@@ -0,0 +1,40 @@
+---
+import { getCollection } from "astro:content";
+import AboutLayout from "../../layouts/About.astro";
+import aboutLinks from "../../utils/aboutLinks";
+import NavigationLinks from "../../components/NavigationLinks.astro";
+import ProseArticle from "../../components/ProseArticle.astro";
+import ResumeContent from "../../components/ResumeContent.astro";
+
+const resumeItems = (await getCollection("resume"))
+  .filter((a) => a.data.printVersion)
+  .sort((a, b) => {
+    if (a.data.order > b.data.order) {
+      return 1;
+    } else if (a.data.order < b.data.order) {
+      return -1;
+    } else {
+      return 0;
+    }
+  });
+---
+
+<AboutLayout
+  title="Resume"
+  description="Latest version of my resume"
+  updatedDate={new Date("June 14, 2024")}
+>
+  <NavigationLinks slot="navigation" items={aboutLinks} />
+  <ProseArticle class="prose-headings:mt-4 prose-headings:mb-0 prose-p:m-0">
+    <h1><strong>Jeremy Wong</strong></h1>
+    {resumeItems.slice(0, 6).map((resume) => <ResumeContent headingLevel={2} item={resume} />)}
+
+    <div class="flex flex-col md:flex-row justify-between align-top my-2">
+      {
+        resumeItems
+          .slice(6)
+          .map((resume) => <ResumeContent headingLevel={3} item={resume} />)
+      }
+    </div>
+  </ProseArticle>
+</AboutLayout>
diff --git a/src/pages/about/resume.astro b/src/pages/about/resume.astro
@@ -6,33 +6,36 @@ import NavigationLinks from "../../components/NavigationLinks.astro";
 import ProseArticle from "../../components/ProseArticle.astro";
 import ResumeContent from "../../components/ResumeContent.astro";
 
-const resumeItems = (await getCollection("resume")).sort((a, b) => {
-  if (a.data.order > b.data.order) {
-    return 1;
-  } else if (a.data.order < b.data.order) {
-    return -1;
-  } else {
-    return 0;
-  }
-});
+const resumeItems = (await getCollection("resume"))
+  .filter((a) => !a.data.printVersion)
+  .sort((a, b) => {
+    if (a.data.order > b.data.order) {
+      return 1;
+    } else if (a.data.order < b.data.order) {
+      return -1;
+    } else {
+      return 0;
+    }
+  });
 ---
 
 <AboutLayout
   title="Resume"
   description="Latest version of my resume"
-  updatedDate={new Date("February 20, 2024")}
+  updatedDate={new Date("June 14, 2024")}
 >
   <NavigationLinks slot="navigation" items={aboutLinks} />
   <ProseArticle>
     <h1><strong>Jeremy Wong</strong></h1>
-    {resumeItems.slice(0, 6).map((resume) => <ResumeContent item={resume} />)}
+    {resumeItems.slice(0, 7).map((resume) => <ResumeContent item={resume} />)}
 
     <div class="flex flex-col md:flex-row justify-between align-top my-2">
       {
         resumeItems
-          .slice(6)
+          .slice(7)
           .map((resume) => <ResumeContent headingLevel={3} item={resume} />)
       }
     </div>
+    <p>A printable version of my resume can be found <a href="./resume-printable">here</a>.</p>
   </ProseArticle>
 </AboutLayout>
