🔗 jccr.dev
Hello!👋 I'm a fullstack engineer based in Vancouver, Canada 🇨🇦 with 10 years of experience, specializing in front-end UX, particularly within the JavaScript & TypeScript ecosystems.
My mission? To create responsive, efficient systems with user-friendly interfaces. I pay attention to the details, aiming for a delightful user (& developer) experience end to end.
At high-energy startups, I've honed my skills in building scalable, cloud-powered, large-scale applications, managing challenges in diverse data integration.
In my role, I forge connections with designers, product managers, and engineering leaders, championing an iterative, user-value driven approach to product development. Further, my role extends from coding to code reviews, documentation, and mentoring peers, steering my team towards shared objectives.
At my current job, I’m leveraging OpenAI's GPT and Open-Source models to drive innovation via ✨ Generative AI and 🧠 Machine Learning.
Vidyard, Vancouver, Canada (Remote) | Nov 2022 – Present
2023 – Present I’m developing the company’s next-gen product — Vidyard Prospector Powered by OpenAI, it’s an all-in-one tool for automated lead discovery and sales out-reach.
I had a significant role in handling the Node.js back-end / job scheduler, implementing OpenAI prompt workflows with data enrichment using B2B sources. By building an in-app email inbox experience, connected via OAuth to Gmail/Outlook email services, I ensured email delivery with threaded replies, HTML mimetype and image attachments.
On the front-end, I led the transition from a prototype UI to a full realization in Vue 3, TailwindCSS, TypeScript, meeting the intended design & project goals within a short timeframe. This swift turnaround marked a pivotal launch milestone and has led to users praising the product’s ease of use.
2022 – 2023
I worked on Vidyard’s Chrome-extension video creation tool with a React-based tech stack.
I addressed technical challenges in evolving web standards, maintained crucial features, and implemented highly requested ones.
- Migrated to Chrome Manifest V3 — ****Key player in the rewrite of our browser extension, ensuring compliance with Chrome’s Manifest V3 specification. Overcoming technical challenges, adapting to new architecture and platform constraints, while safeguarding the extension's future while maintaining expected features and user experience.
- Unblocked with Problem-Solving — I took on the heavy refactoring of code designed with a single-process model to an event-driven programming model with a Service Worker, and resolved issues caused by legacy and incompatible third-party code. Designed a system that managed the lifecycle of sandboxed iframes that isolated dependencies with remote hosted code violations, and off-screen documents to retain essential DOM access for media recording functionality. This enabled our project to advance within the new constraints.
- Applied Machine Learning — Researched and developed an optimal web platform solution for real-time background video blur. Utilized the latest image segmentation machine learning models and optimized their performance in Tensorflow.js/TFLite, benchmarked against products like Zoom and Google Meet.
commit.dev, Vancouver, Canada (Remote) | Jun 2022 – Nov 2022
I took on the role of a Full Stack Developer increasing the Commit community’s brain gain with meaningful contributions through projects, peer-to-peer collaboration and mentoring.
I completed two projects without using my beloved JavaScript:
- Multiplayer Party Game — Jackbox-like 🐺 One Night Werewolf (Functional programming with Elixir and Phoenix LiveView)
- epub.website — Static Site Generation from an EPUB file (Python serving an e-book with a familiar interface)
Legible, Vancouver, Canada (Remote) | Sep 2020 – Jun 2022
Directly reporting to the CEO, I hired & managed a 14 person department that built a web-based mobile-first, e-book reading & publishing platform.
- Playing the role of principal I established the foundational codebase for a full-stack web development experience:
- Enabled rapid application development by devising a backend of PostgreSQL objects to serve a GraphQL schema with code-generated front-end types. This accelerated our development cycle, facilitating a product launch within a year — later found trialed by Netflix as well.
- Worked with the design & front-end team to build our own atomic design system with a React component library deployed in Storybook.js
- Set up an advanced DX monorepo, fostering code sharing, modularity, and simplified code management, integrated with comprehensive CI/CD workflows, including quality checks, testing, package/container releases, documentation updates, and changelog generation.
- Shipped the company’s first products, from MVP to milestone launches:
- Lead in developing a React web-powered, mobile-first, cross-platform eBook eCommerce storefront, equipped with payment & sales tax processing (Stripe and Avalara integration)
- Implemented Azure AD B2C for our identity solution with JWT authentication, PostgreSQL Row-Level Security (RLS), and Role-Based Access Control (RBAC). Making an authz strategy approachable for developers of varying skill levels.
- Primary developer of an EPUB streaming microservice coded in Go (archive/zip, net/http, crypto/aes) for clients with DRM for the web (DHKE, WebCrypto) that passed industry compliance checks and security penetration tests.
- Lead in developing a Kafka powered ONIX (EDI XML) metadata processing pipeline to ingest and merchandize 175,000 eBooks from three of the world's biggest publishing companies.
- Managed a team that built an ML vector-based product recommendation engine paired with PostgreSQL full-text search.
- Managed cloud resources with Infrastructure as Code when possible:
PressReader, Vancouver, Canada | May 2019 – Sep 2020
Led a team of three to develop an SDK for mobile platforms from the ground up for internal product teams, with the intent of external commercialization:
- Designed the SDK core architecture inspired by the React Native bridge concept, targeting the business domain and requirements; Think of PSPDFKit but for EPUB/HTML:
- Users of the API wrote idiomatic code in Kotlin or Swift. RPC for the API calls interoperated with TypeScript implementation code.
- TS code ran in a WebView which also rendered the primary output for HTML content.
- This enabled the team to rapidly develop the SDK with a reduced effort using TypeScript to ship the same features in a single pass to the public Kotlin/Swift APIs.
- Built a CLI tool in Go to manipulate EPUB OCF ZIP files with high & low level commands.
- Developed a comprehensive CI/CD pipeline for web & native SDK component testing using GitHub Actions:
- iOS/Android testing (XCTest, similar for Android) integrated real device testing with video recordings and log tracing. Challenges included reducing flakiness, execution time, and maintaining the specifics for iOS and Android tooling.
- Incorporated API docs generation for Kotlin & Swift with a supplemental docs site in Docusaurus deployed via CI/CD.
Evident Point Software, Vancouver, Canada | Jan 2017 – May 2019
Lead developer of JS libraries and components used across the company's product portfolio.
- Primary skills focused on modern JavaScript ES6/2015+, TypeScript, browser-based apps, hybrid/native mobile apps, and progressive web apps. Paid this forward by mentoring others within the company across all levels, from juniors to veteran enterprise developers with a C++/Java/.NET background.
- Responsible from start to finish in multiple JavaScript/TypeScript web-technology focused projects. In addition to core and feature development I was the driver of bootstrapping development environments, establishing the foundational architecture, structuring the codebase, writing tests, integrating build systems, tooling and CI/CD workflows.
- Trailblazer in R&D and proof-of-concept development using web technology for the organization. Results from this effort contributed to both internal and sponsored open-source projects, which succeeded and qualified for Canada’s SR&ED program.
- Participated and represented the company in the open source community and standardization process.