feat: add skills, rewrite Kard sections, add learnings

Author: David Leger

index.html

@@ -10,7 +10,7 @@
     />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css"
+      href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.17.0/devicon.min.css"
     />
     <link rel="icon" type="image/svg+xml" href="/davejs-icon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

public/david-leger-resume.pdf

@@ -75,8 +75,11 @@ function Header() {
       <Heading level={1}>David Leger</Heading>
       <BasicInfo />
       <Prose size="large">
-        Software engineer with design and product sensibilities. I’m passionate
-        about creating great experiences on the web.
+        Software engineer with design sensibilities and a strong product
+        mindset. Track record of building high quality web products with over 8+
+        years of experience. Extensive experience with remote-first companies,
+        working with high levels of autonomy, solving cross-functional problems,
+        and managing ambiguity.
       </Prose>
     </StyledHeader>
   );

src/sections/Header/Header.tsx

@@ -8,29 +8,28 @@ type Skill = { label: string; icon?: string };
 const skills: Skill[] = [
   { label: 'TypeScript', icon: 'typescript-plain' },
   { label: 'React', icon: 'react-plain' },
-  { label: 'Vue', icon: 'vuejs-plain' },
-  { label: 'CSS', icon: 'css3-plain' },
   { label: 'HTML', icon: 'html5-plain' },
+  { label: 'CSS', icon: 'css3-plain' },
+  { label: 'Tailwind', icon: 'tailwindcss-original' },
   { label: 'Storybook', icon: 'storybook-plain' },
   { label: 'Testing Library' },
   { label: 'GraphQL', icon: 'graphql-plain' },
-  { label: 'Amplitude' },
   { label: 'Web Components' },
 ];
 
-// const learning: Skill[] = [
-//   { label: 'Kubernetes', icon: 'kubernetes-plain' },
-//   { label: 'Terraform', icon: 'terraform-plain' },
-//   { label: 'Docker', icon: 'docker-plain' },
-//   { label: 'Go', icon: 'go-plain' },
-// ];
+const learning: Skill[] = [
+  { label: 'Convex' },
+  { label: 'TanStack Start/Query/Router/Forms' },
+  { label: 'Go', icon: 'go-plain' },
+];
 
 const softSkills: Skill[] = [
-  { label: 'Growth engineering' },
-  { label: 'Design systems' },
-  { label: 'Web accessibility & best practices' },
-  { label: 'Testing methodologies (unit, E2E, VRT)' },
-  { label: 'Remote communication' },
+  { label: 'Product engineering (Shape Up methodologies)' },
+  { label: 'Design systems & design engineering' },
+  { label: 'Web standards (a11y, best practices, performance, browser APIs)' },
+  { label: 'Testing methodologies (unit, integration, E2E, VRT)' },
+  { label: 'On-call duties & incident management' },
+  { label: 'Remote work' },
 ];
 
 function Skills() {
@@ -39,18 +38,25 @@ function Skills() {
       <header>
         <Heading level={3}>Technologies</Heading>
         <Prose size="small">
-          Languages, frameworks, and tools that I know exceptionally well
+          Languages, frameworks, and tools that I know well
         </Prose>
       </header>
       <TagList items={skills} />
-      
+
       <header>
         <Heading level={3}>Specialties</Heading>
         <Prose size="small">
-          Areas in which I have valuable domain knowledge and experience
+          I have extensive domain knowledge and experience in these areas
         </Prose>
       </header>
       <TagList items={softSkills} />
+      <header>
+        <Heading level={3}>Learning</Heading>
+        <Prose size="small">
+          Technologies & concepts I&apos;m learning in my spare time
+        </Prose>
+      </header>
+      <TagList items={learning} />
     </Section>
   );
 }

src/sections/Skills/Skills.tsx

@@ -68,21 +68,31 @@ export const work: Work[] = [
       },
     },
     highlights: [
-      'Established best practices and tooling for Kard’s frontend stack',
-      'Led efforts to migrate Kard’s codebase to TypeScript and implement visual regression testing (VRT) to improve stability of our platform and code quality',
-      'Maintained Kard’s design system and component library',
-      'Maintained backend APIs built with Serverless and AWS with a MongoDB database',
+      'Tech lead for Kard’s frontend',
+      'Led the development of Kard’s design system and component library based on shadcn/ui',
+      'Led initiative to migrate Kard’s codebase from JavaScript to TypeScript',
+      'Building scalable microservices on AWS using TypeScript, Go, MongoDB, PostgreSQL, SNS/SQS, S3',
+      'Developed org-wide standards for observability/monitoring and incident management with DataDog',
     ],
     tags: [
       { label: 'TypeScript', icon: 'typescript-plain' },
-      { label: 'Serverless' },
-      { label: 'MongoDB', icon: 'mongodb-plain' },
-      { label: 'Datadog' },
       { label: 'React', icon: 'react-plain' },
-      { label: 'Storybook', icon: 'storybook-plain' },
-      { label: 'Cypress' },
-      { label: 'Mocha + Sinon' },
+      {
+        label: 'AWS (Lambda, SNS/SQS, S3, RDS, DynamoDB)',
+        icon: 'amazonwebservices-plain-wordmark',
+      },
+      { label: 'Terraform', icon: 'terraform-plain' },
+      { label: 'Go', icon: 'go-original-wordmark' },
+      { label: 'Datadog', icon: 'datadog-original' },
+      { label: 'MongoDB', icon: 'mongodb-plain' },
       { label: 'Vite' },
+      { label: 'Vitest', icon: 'vitest-plain' },
+      { label: 'shadcn/ui' },
+      { label: 'Storybook', icon: 'storybook-plain' },
+      { label: 'Cypress', icon: 'cypressio-plain' },
+      { label: 'Mocha/Chai/Sinon' },
+      { label: 'Testing Library' },
+      { label: 'Serverless' },
     ],
   },
   {

src/sections/Work/content.ts

@@ -19,3 +19,6 @@ svgr
 urql
 vuejs
 wordmark
+shadcn
+amazonwebservices
+cypressio