Experiences

AdBridg

The Hub app (v2.0) — built on the Custom MVC framework — completely replaced the legacy application with significantly expanded features. This unified several disparate systems into a cohesive interface and achieved nearly 19% improvement in user engagement.

The Hub app (v3.0) — built on the Next.js framework following the latest practices back then, to create more complex UI designs allowing to mesh together multiple segments scattered in Hub app (v2.0) to a more homogenized page.

The Roll-up engine is responsible for receiving and aggregating data from various pixel trackers out in production.

The proprietary Ad Engine built on top of the Prebid.js library that optimizes Ad revenue for publisher's products through various strategies that can be tweaked using both the Hub app (v2.0) and Hub app (v3.0).

The Ads.txt Validator app deprecated designed to validate publishers' Ads.txt file to the standards set by the IAB.

The API (REST) operates as the central middle-ware layer, orchestrating secure communication between the database, internal application suite, and external third-party integrations.

Researched and created benchmarks in collaboration with other engineers to find existing Javascript Frameworks that best matches all the criteria to develop the next iteration of the Hub app (v3.0).

Migrated and developed new features in Next.js powered Hub app (v3.0), including adding a new route within the existing CI/CD pipeline to deploy from Hub app (v3.0) alongside Hub app (v2.0) while keeping the deployment branches separated.

Collaborated with engineers to design a dynamic query generation system that constructs database queries based on user actions and selections in the frontend, with queries tailored per page or model context. Since the API layer was originally architected around strict, predefined relational queries, this required rethinking the query architecture to support flexible, user-driven data retrieval while maintaining data integrity and performance.

Designed a Google Sheets integration using AppScript to allow internal team to maintain line items provided by publishers over Google sheets.

Developed a Dynamic Ad Slot Injection system that dynamically injects ad slots into an infinite scrolling page. This system includes configurable controls that allow users to manage key parameters such as the number of ad slots to display, refresh intervals, and conditions for halting ad display.

Implemented a Sticky Ad Slot functionality to convert any existing ad slot into a sticky (on-scroll) ad. Additionally, introduced conditional behavior setups that enable specific ad slots to become sticky based on customization criteria.

Created a suite of UI Tools for Visualization and Debugging complex ad behaviors, providing users with an intuitive interface to monitor and adjust ad slot dynamics in real-time.

Mentored and developed junior engineering talent through comprehensive training on development ecosystem tools, best practices, and architectural patterns.

Collaborated hands-on across diverse micro-projects, providing real-time guidance on problem-solving approaches for both straightforward implementations and complex technical challenges.

Fostered a culture of code quality through pair programming and thorough code reviews, ensuring adherence to clean code principles, consistent naming conventions, and maintainable coding standards that elevated overall team output.

AdBridg

The Analytics app deprecated delivered sophisticated ad inventory performance analysis with flexible filtering capabilities for customers and administrators. Functionality was later consolidated into the unified Hub app (v2.0) experience.

The Hub app (v1.0) deprecated provided deployment and configuration management with custom branding aligned to client specifications.

The proprietary Ad Engine built on top of the Prebid.js library that optimizes Ad revenue for publisher's products through various strategies that can be tweaked using the Hub apps.

The API (REST) operates as the central middle-ware layer, orchestrating secure communication between the database, internal application suite, and external third-party integrations.

Collaborated closely with senior developers to architect and prototype the Custom MVC framework. Progressively assumed full ownership and shepherded the project from initial concept through production deployment and ongoing evolution.

Successfully migrated the Analytics app into the new framework while simultaneously enhancing its capabilities with advanced visualization features powered by Plotly.js. Abstracted the library's complexity through well-designed component interfaces that ensured consistent user experience throughout the application.

Engineered a robust automated CI/CD pipeline for the Ad Management application, integrating comprehensive testing frameworks that reduced runtime errors by nearly 28% and accelerated release cycles.

Designed and implemented innovative features like the Spreadsheet-Style Editor that replicated familiar Google Sheets and Microsoft Excel interactions. This resulted in 16% increase in user engagement and generated overwhelmingly positive qualitative feedback from users.

Delivered a sophisticated deployment management interface featuring Change Visualization UI with Git-inspired diff visualization, providing clear visibility into changes between deployments and reduced unnecessary deployment cycles by 31%.

Created SSPs adapters in the Ad Engine to allow added options on top of the Prebid.js library for more granular control and better ad revenue. This allowed publishers' across the entire platform to seamlessly add these bidders to their auction list — adding additional revenue opportunities up to 1.8%.

AdBridg

The Analytics app deprecated allowed both customers and admins \ to view and analyze performance of ad inventories based on certain filters.

The Hub app (v1.0) deprecated allows both customers and admins to push and deploy necessary changes. Colors and theme were taken from the branding profile provided.

Refactored and cleaned up code for analytical tool implemented by (previous) developers. Cleaned up UI design by creating concise modules of each type of graph that can be re-used as necessary. Reduced page load time by approximately 12%.

Rewrote SQL queries and optimized table indexes for better performance; redesigned API architecture to strategically combine queries with JavaScript functions, leveraging each technology's strengths to significantly reduce processing time on complex datasets by an average of 17%.

Modernized analytics application UI; implemented role-based feature access with admin-level controls restricted from customer users; developed timezone query functionality with client-side date transformation using native JavaScript Date before API calls.

Modernized UI design for the Hub application with colors and themes taken from the branding profile provided.

Fizzz Design Corp.

Built user interfaces and experiences based on list of branding criteria provided by in-house graphic designer; including animations built using images provided by the designer and CSS keyframes.

Bootstrap library integrated selectively, due to restrictions of bandwidth or customer needs.

All applications were AODA/WCAG 1.0 validated, creating a comfortable experience for all users.

Design based on mock-up created by in-house graphic designer. Implemented using JavaScript, CSS and HTML.

A modular design architecture that uses a file-based routing system — similar to Next.js — allowing anyone to easily make changes to the site.

Fizzz Design Corp. official webpage↗

Design based on mock-up created by in-house graphic designer. Implemented using AngularJS, CSS and XML.

Built proof-of-concept demos in both ReactJS and AngularJS for a key site section, evaluating each framework's suitability for client requirements and project timeline.

Implemented custom webpack to generate a lightweight static application.

Office of Integrity Commissioner of Ontario Annual Report 2017- 18 webpage↗

Driving innovation through engineering excellence

Overall impact

Experience

Platform Engineer

Applications & Status

Research & Planning

Architecture & Performance

Improvements & Impact

Leadership & Training

Intermediate Full-stack developer

Applications & Status

Changes and Impact

Junior developer

Applications

Analytic Tool & Performance

Design and Features

Junior Front-end developer

Design and Branding

Functionality and User experience

Public projects: Fizzz Design Corp. official webpage

Public projects: Office of Integrity Commissioner