content.ts

import kardLogo from '../../assets/kard-logo.svg';
import snykLogo from '../../assets/snyk-logo.svg';
import manifoldLogo from '../../assets/manifold-logo.svg';
import cventLogo from '../../assets/cvent-logo.svg';
import unbLogo from '../../assets/unb-logo.svg';
import marinerLogo from '../../assets/mariner-logo.svg';
import { Props as Tag } from '../../components/Tag';

type Image = {
  src: string;
  alt: string;
};

type Link = {
  href: string;
  label?: string;
};

export type Company = {
  name: string;
  tag?: string;
  website?: Link;
  logo: Image;
  description?: string;
};

export type Work = {
  slug: string;
  jobTitle: string;
  specialty?: string;
  date: [Date, Date];
  company: Company;
  highlights?: string[];
  description?: string;
  tags?: Tag[];
};

enum Month {
  January = 0,
  February = 1,
  March = 2,
  April = 3,
  May = 4,
  June = 5,
  July = 6,
  August = 7,
  September = 8,
  October = 9,
  November = 10,
  December = 11,
}

export const work: Work[] = [
  {
    slug: 'snyk',
    jobTitle: 'Senior Software Engineer',
    specialty: 'Growth',
    date: [new Date(2024, Month.January), new Date(Date.now())],
    company: {
      name: 'Kard',
      logo: {
        src: kardLogo,
        alt: '',
      },
      website: {
        href: 'https://getkard.com',
        label: 'getkard.com',
      },
    },
    highlights: [
      'Rearchitecting Kard’s frontend to prioritize testability, simplified state management, and consistent design',
      'Led initiative to migrate Kard’s frontend codebase to TypeScript',
      'Core maintainer of Kard’s design system and component library',
      'Building and maintaining backend services and APIs in Node & Go with Postgres, MongoDB, and DynamoDB databases',
    ],
    tags: [
      { label: 'TypeScript', icon: 'typescript-plain' },
      { label: 'Terraform', icon: 'terraform-plain' },
      { label: 'React', icon: 'react-plain' },
      { label: 'Tailwind', icon: 'tailwindcss-original' },
      { label: 'Vite', icon: 'vitejs-original' },
      { label: 'Vitest', icon: 'vitest-original' },
      { label: 'Storybook', icon: 'storybook-plain' },
      { label: 'MongoDB', icon: 'mongodb-plain' },
      { label: 'Serverless' },
      { label: 'Datadog' },
      { label: 'DynamoDB' },
    ],
  },
  {
    slug: 'snyk',
    jobTitle: 'Software Engineer, Growth',
    specialty: 'Growth',
    date: [new Date(2021, Month.January), new Date(2023, Month.December)],
    company: {
      name: 'Snyk',
      logo: {
        src: snykLogo,
        alt: '',
      },
      website: {
        href: 'https://snyk.io',
        label: 'snyk.io',
      },
    },
    highlights: [
      'Helped establish growth engineering practices company-wide: A/B testing, data-driven decisions',
      'Built high-quality web experiences with a focus on performance and scalability',
      'Contributed to design system components and documentation',
      'Interviewed candidates and trained new team members',
    ],
    tags: [
      { label: 'TypeScript', icon: 'typescript-plain' },
      { label: 'Vue', icon: 'vuejs-original' },
      { label: 'Pinia' },
      { label: 'Sass', icon: 'sass-plain' },
      { label: 'Storybook', icon: 'storybook-plain' },
      { label: 'Testing Library' },
      { label: 'Vite', icon: 'vitejs-original' },
      { label: 'Vitest', icon: 'vitest-original' },
      { label: 'Jest', icon: 'jest-plain' },
      { label: 'express', icon: 'express-original' },
      { label: 'Amplitude' },
      { label: 'Datadog' },
      { label: 'Terraform', icon: 'terraform-plain' },
      { label: 'Kubernetes', icon: 'kubernetes-plain' },
      { label: 'Go', icon: 'go-plain' },
    ],
  },
  {
    slug: 'manifold',
    jobTitle: 'Software Engineer',
    date: [new Date(2019, Month.January), new Date(2021, Month.January)],
    company: {
      name: 'Manifold',
      tag: 'acquired by Snyk',
      logo: {
        src: manifoldLogo,
        alt: '',
      },
    },
    highlights: [
      'Core author and maintainer of Manifold UI, a customer-facing Web Components library',
      'Improved organizational processes resulting in a 9% increase in engineering bandwidth',
      'Played a key role in Manifold’s adoption of GraphQL',
      'Interviewed candidates and trained new team members',
    ],
    tags: [
      { label: 'TypeScript', icon: 'typescript-plain' },
      { label: 'React', icon: 'react-plain' },
      { label: 'GraphQL', icon: 'graphql-plain' },
      { label: 'Web Components' },
      { label: 'Stencil.js' },
      { label: 'Storybook', icon: 'storybook-plain' },
      { label: 'Testing Library' },
      { label: 'Jest', icon: 'jest-plain' },
      { label: 'styled-components' },
      { label: 'Next.js', icon: 'nextjs-plain' },
      { label: 'express', icon: 'express-original' },
    ],
  },
  {
    slug: 'cvent',
    jobTitle: 'UI Developer',
    date: [new Date(2017, Month.May), new Date(2019, Month.January)],
    company: {
      name: 'Cvent',
      logo: {
        src: cventLogo,
        alt: '',
      },
      website: {
        href: 'https://cvent.com',
        label: 'cvent.com',
      },
    },
    highlights: [
      'Built a highly-configurable survey tool with a focus on performance and user experience',
      'Maintained internal frameworks and libraries used by hundreds of developers',
      'Mentored coworkers and regularly led training sessions on web technologies',
    ],
    tags: [
      { label: 'JavaScript + Flow', icon: 'javascript-plain' },
      { label: 'React', icon: 'react-plain' },
      { label: 'Redux', icon: 'redux-original' },
      { label: 'LESS', icon: 'less-plain-wordmark' },
      { label: 'Jest', icon: 'jest-plain' },
    ],
  },
  {
    slug: 'cvent-internship',
    jobTitle: 'Software Engineering Intern (Internship)',
    date: [new Date(2016, Month.May), new Date(2016, Month.August)],
    company: {
      name: 'Cvent',
      logo: {
        src: cventLogo,
        alt: '',
      },
      website: {
        href: 'https://cvent.com',
        label: 'cvent.com',
      },
    },
    tags: [
      { label: 'JavaScript', icon: 'javascript-plain' },
      { label: 'React', icon: 'react-plain' },
      { label: 'Redux', icon: 'redux-original' },
      { label: 'LESS', icon: 'less-plain-wordmark' },
      { label: 'Jest', icon: 'jest-plain' },
    ],
  },
  {
    slug: 'unb-internship',
    jobTitle: 'Full-Stack Developer (Internship)',
    date: [new Date(2015, Month.January), new Date(2015, Month.April)],
    company: {
      name: 'University of New Brunswick',
      logo: {
        src: unbLogo,
        alt: '',
      },
      website: {
        href: 'https://unb.ca',
        label: 'unb.ca',
      },
    },
    tags: [
      { label: 'php', icon: 'php-plain' },
      { label: 'jQuery', icon: 'jquery-plain' },
      { label: 'Sass', icon: 'sass-plain' },
      { label: 'MySQL', icon: 'mysql-plain' },
    ],
  },
  {
    slug: 'mariner-internship',
    jobTitle: 'Junior Program Analyst (Internship)',
    date: [new Date(2014, Month.May), new Date(2014, Month.August)],
    company: {
      name: 'Mariner Innovations',
      logo: {
        src: marinerLogo,
        alt: '',
      },
      website: {
        href: 'https://marinerinnovations.com',
        label: 'marinerinnovations.com',
      },
    },
    tags: [
      { label: 'Java', icon: 'java-plain' },
      { label: 'awk' },
      { label: 'COBOL' },
      { label: 'JCL' },
    ],
  },
];