Hello world!

My name is Bea and I am a software developer passionate about frontend development, design systems, accessibility, and learning! I enjoy using technology to create innovative solutions that help people!

Education

Bachelor of Science in Software Engineering

University of Calgary (Schulich School of Engineering)

Graduated with distinction and completed the Engineering Internship Program.

Skills

  • Programming Languages

    • TypeScript
    • JavaScript
    • Kotlin
    • Java
    • Python

  • Frontend Development

    • Vue
    • React
    • Redux
    • Sass
    • Css
    • Html
    • Storybook
    • Material UI
    • Style Dictionary
    • Web Accessibility

  • Testing

    • Jest
    • Cypress
    • Chromatic
    • BackstopJS
    • Axe
    • Vue Test Utils
    • Testing Library
    • JMeter

  • Tools

    • Git
    • Figma
    • CircleCI
    • VoiceOver
    • VuePress

  • Backend Development

    • Spring Boot
    • PostgreSQL
    • Flyway
    • Express
    • GCP
    • Pub/Sub
    • BigQuery

Work Experience

  • Benevity

    Benevity Logo

    • Frontend Developer, Design Systems (Software Developer III)

      Created tokens, styling utilities, components, and documentation for Benevity’s design system, Skyline. Collaborated closely with the design system designer to clarify requirements, ensure consistency between Figma and code components, and provide feedback around accessibility considerations, edge cases, and technical constraints.

      Established a process for building design system components that fulfill requirements for: visual styling, accessibility, responsiveness, browser support, code quality, testing, performance, content, internationalization, and documentation.

      Developed unit tests, end-to-end tests for interactions and keyboard navigation, and visual regression tests. Performed code maintenance, including a substantial migration from Vue 2 to Vue 3.

      Provided reliable support for developers and designers on how to best use the design system. Mentored developers that were keen to develop their frontend skills. Advocated for accessibility with the Product Experience Inclusive Design Group to raise awareness and bring accessibility into processes.

      • Design system
      • Accessibility
      • TypeScript
      • Vue
      • Sass
      • Tokens
      • VuePress
      • Storybook
      • Chromatic
      • BackstopJS
      • Jest
      • Cypress
      • Figma
      • Documentation
      • Process
      • Developer support
      • Mentorship

    • Software Developer II

      Developed features for a white-label web application for workplace giving with responsiveness, accessibility, localization, and browser compatibility in mind. Created reusable and modular components covered by thorough automated unit tests.

      Wrote JMeter load tests for a microservice to gather baseline performance metrics.

      Remediated accessibility issues on numerous parts of the product to adhere to WCAG 2.1 Level A & AA.

      • JavaScript
      • Vue
      • Vuex
      • Jest
      • Vue Test Utils
      • Storybook
      • Chromatic
      • Figma

  • OpenHouse.ai

    OpenHouse.Ai Logo

    • Full Stack Software Developer

      Established frontend architecture for multiple web applications: a white-label product for home builders, a content management system, and a custom analytics dashboard. Developed an internal React component package. Created mockups in Figma to communicate ideas to the team about product feature designs, user workflows, and data visualizations.

      Integrated CircleCI workflows to run automated tests, versioning, and deployments. Implemented microservices with REST APIs and event driven architecture.

      Led Scrum for a team of six, mentored entry-level developers on software development best practices and processes, and contributed to the company's hiring process for frontend developers.

      • TypeScript
      • React
      • Redux
      • Material-UI
      • Storybook
      • Jest
      • React Testing Library
      • Cypress
      • Kotlin
      • Spring Boot
      • Postgres
      • Pub/Sub
      • CircleCI
      • Figma
      • Scrum Master
      • Mentorship

  • Pason Systems

    Pason Logo

    • DataHub Software Developer Intern

      Worked closely with the User Experience team to implement features for a drilling data web application called Pason Live. Also, implemented a backend service for running scheduled tasks for customers, and integrated tools to improve the quality of microservices.

      • JavaScript
      • React
      • Redux
      • Java
      • JMeter