Senior Product Engineer & Technical Lead · Calgary

Mashrur Rahman

I build reliable web platforms, browser-native products, and automation systems that remove operational bottlenecks — so teams scale without proportional headcount.

Open to new roles•Remote-friendly•6+ years building for the web

300×

Faster content deployments

80%

Fewer human errors in QA

35%

Shorter code-review loops

View selected work Download résumé

About me

A little context on how I work and what I care about.

I'm a senior product engineer and technical lead. My advantage isn't one framework — it's the combination of senior React/Next.js and browser engineering, full-stack and cloud architecture, workflow and systems thinking, internal tooling, and cross-functional leadership tied to measurable outcomes.

Most of my impact comes from noticing the manual workflows teams accept as “just how it is” — and replacing them with systems that compound: an offer-creation engine that made deployments 300× faster, a QA validation tool that cut human errors by 80%, and shipped browser-native products like BrowseWell. I build to last — documented, accessible, tested — and bring people along, mentoring developers and partnering across UX, QA, and product.

Developer ExperiencePerformanceAccessibility (WCAG)Automation & ToolingMentoringCI/CD

Education

Seneca College

Computer Programming & Analysis

Advanced Diploma · May 2018 – Apr 2021

★ President's Honor List◆ CGPA 3.6▲ Seneca Digital Health Hackathon

Technical leadership

Owning consequential systems, and developing the people who build them.

Technical direction

Turning ambiguous requirements into architecture
Identifying the actual system constraint, not the symptom
Build-vs-buy decisions and component/API contracts
Scope control and incremental delivery
Communicating technical risk to non-technical stakeholders

Engineering enablement

Architecture reviews and pull-request standards
Definition-of-done, testing, and release-readiness practices
Reusable components, templates, and documentation
Production-incident and blocker resolution
Mentoring developers across distributed teams

Teaching & mentorship

I can explain complex systems clearly and build learning structures that work across levels of technical sophistication — evidenced by:

Computer Science Instructor

Teaching

Industry Mentor

SAIT

SMILE Mentor

Seneca College

Selected work

A few projects that show how I approach impact, automation, and craft.

BrowseWell

● Live product

A browser-native attention-management system

Independent product · shipped

Not a website blocker — a policy and intervention engine that operates across dynamic, SPA-driven sites: site, page, and element-level blocking, intention checks, timed access, and deliberate overrides, with privacy-preserving local processing. Live on the Chrome Web Store with its own product site.

Challenge: Existing blockers are binary and brittle on modern single-page apps; people need the internet to work, not hypnotize them.

Result: A shipped MV3 extension with a finalized brand and purchased domain, used to take real control of attention without breaking useful site functionality.

MV3

Chrome extension

browsewell.app

Live product site

Local-only

Privacy-preserving

Chrome Extension (MV3)TypeScriptRules EngineDOM Mutation Observers

Read full case study →Install on Chrome Web Store →

HikmahEdu

Case study

Education brand & platform, zero to launch

0-to-1 product · client (brand, design, build)

Led an education business from concept to a launch-ready digital product — brand strategy and identity, product and information architecture, UX and visual design, a reusable design system, and the web platform itself. End-to-end ownership across design and engineering.

Challenge: Translate an education-business concept into a cohesive, maintainable digital product — brand through code — with no finalized Figma handed over.

Result: A cohesive, launch-ready brand and platform where brand decisions became design tokens, which became reusable interface primitives and a maintainable CMS-driven site.

0 → 1

Brand through launch

Design system

Tokens → components

hikmahedu.com

Live site

Next.jsCMSDesign SystemDesign Tokens

Read full case study →Visit hikmahedu.com →

Content Sync Validator

Case study

Automated content validation across environments

Enterprise production · Critical Mass

An automated validation tool that compares staging vs. production content and surfaces discrepancies before release — replacing a manual, error-prone process with confidence.

Challenge: Recurring production errors after content approval cost the team 25–30 hours per release in detection and resolution.

Result: Zero production errors on validated releases; adopted into the formal QA workflow across three teams.

80%

Fewer human errors

2hr → 30min

Validation time

25–30 hrs

Saved per release

3 teams

Adopted the workflow

Next.jsNode.jsAEM APIsGitHub Copilot

Read full case study →

Offer Creation Engine

Campaign deployment at 300× the speed

Enterprise production · Critical Mass

An enterprise offer-creation engine with smart templating and reusable content schemas that became the foundation for over two years of landing-page operations.

Challenge: Multi-day content deployment was blocking business agility and campaign launches.

Result: Teams launch campaigns in hours instead of days, enabling rapid market response.

300×

Faster deployments

2–3 days → 2–5 hrs

Cycle time

2+ years

Foundation usage

Next.jsAEMTypeScript

CRM → Marketing Sync Engine

Case study

Idempotent customer-data synchronization

Built automation system

A synchronization framework that keeps CRM and marketing platforms consistent: identity resolution, source-of-truth ownership by field, tag union (not replacement), idempotent upserts, watermarks, retry/backoff, and dead-letter handling. Built with n8n as a platform-agnostic reference system — not 'an n8n workflow'.

Challenge: Overlapping but inconsistent contact records, partial-failure retries, field conflicts, and rate limits across CRM and marketing platforms.

Result: Replayable, auditable sync with checkpointed progress and safe retries — reliable enough to run unattended.

Idempotent

Safe retries

Checkpointed

Incremental sync

Audit log

Replayable

n8nNode.jsREST APIsData Modeling

Read full case study →

Resource & Telemetry Dashboard

Internal visualization & observability at Meta

Meta engagement (via Capgemini)

A React dashboard visualizing CPU and GPU resource usage to inform hardware-allocation decisions across teams, paired with a logging framework tracking application performance, reliability, and feature adoption. Also improved internal library code and documentation to streamline cross-team adoption.

Challenge: Engineering leaders lacked visibility into resource utilization and feature adoption across teams, hindering hardware-allocation decisions.

Result: Actionable optimization insights and clearer decision-making for hardware allocation, plus broader adoption of improved internal libraries.

React

Visualization layer

Logging

Perf & adoption signals

Cross-team

Library adoption

ReactObservabilityInternal ToolingDocumentation

Three.js Creative Coding

WebGL experiments & interactive scenes

Craft · powers this site

Real-time 3D scenes built with Three.js — exploring particles, shaders, and procedural geometry with performance and reduced-motion in mind. (This portfolio's background is one of them.)

Challenge: Deepen craft in real-time graphics and performant, accessible WebGL.

Result: A library of reusable, reduced-motion-aware scenes powering this site.

WebGL

Real-time rendering

Vanilla

Three.js, no R3F

a11y

Reduced-motion aware

Three.jsGLSLNext.jsCanvas API

Professional journey

Six years across enterprise, agency, and startup environments.

Senior Developer + Career Developer

Critical Mass Inc.

Apr 2022 – Present · Calgary / Remote

→Architected an offer-creation engine that cut landing-page deployment time by 300×, letting teams launch campaigns in hours instead of days.
→Initiated and led a QA automation tool that cut content validation from 2 hours to under 30 minutes while reducing human errors by 80%.
→Automated type-check and pre-commit testing hooks, reducing code-review loops by 35% and preventing production bugs.
→Led client API integrations enabling real-time package checks that increased conversion rates.
→Mentored junior developers and produced documentation improving onboarding efficiency.

Senior Software Engineer

Capgemini — on Meta engagement

Jun 2021 – Apr 2022 · Remote

→Built a React dashboard visualizing CPU and GPU resource usage, improving decision-making for hardware allocation across teams.
→Built a logging framework tracking application performance, reliability, and feature adoption.
→Improved internal library code and documentation, streamlining adoption across engineering teams.
→Mentored new hires and participated in quarterly planning to align development with company objectives.

Web Application Developer

Storius Limited

Apr 2020 – Apr 2021 · Toronto / Remote

→Integrated mapping tools into the platform, supporting investor decisions during early funding rounds.
→Migrated legacy datasets from spreadsheets to a database, improving data accuracy and scalability.
→Built backend APIs and optimized server configurations, ensuring a smooth production launch.

Full-Stack Web Developer (Co-op)

Rich Media

Jan – Apr 2020 · Toronto

→Built financial-tool interfaces for banking and insurance clients with complex business rules.
→Optimized backend systems with Docker, reducing server configuration time and improving reliability.
→Developed Chrome extensions to automate repetitive tasks and automated client survey reporting.

Technical expertise

The stack I reach for, organized by where it fits in the build.

Front-End

▸Three.js

▸D3.js

▸React.js

▸Next.js

▸TypeScript

▸CMS

Backend

▸Node.js

▸AWS

▸NGINX

▸GraphQL

▸REST API

Database

▸PostgreSQL

▸SQL

▸Query Optimization

UI & Accessibility

▸Responsive

▸WCAG-compliant

▸HTML/CSS/SCSS

▸Modular CSS

Testing & QA

▸Cypress

▸Jest

▸CI Test Automation

Build & Tooling

▸Docker

▸Git Workflows

▸Webpack

▸CI/CD

Performance

▸UI Perf Measurement

▸Lazy-loading

▸Caching Strategies

Collaboration

▸UX/QA/Product Partnering

▸Mentoring

▸Distributed Teams

Lab & architecture

Systems in design or active build — shown as architecture, not as shipped products. Included to demonstrate range and systems thinking.

PixelPatrol

In design

Automated marketing-tag, conversion, and payload auditing — a Manifest V3 extension plus Playwright crawler, rules engine, and Next.js dashboard. Connects agency experience, browser engineering, and SaaS architecture.

ProofDiff

In design

Automated visual, content, accessibility, DOM, and performance regression testing for web releases. Playwright capture workers, viewport matrix, baseline management, and CI release gates.

Reusable Next.js + AWS SaaS Foundation

Reference architecture

A platform to reduce the marginal engineering cost of launching and operating multiple SaaS products — auth, multi-tenancy, billing, background jobs, feature flags, observability, and module generation. Not a boilerplate.

Programmatic SEO Publishing Engine

In design

Quality-controlled publishing at scale: schema-validated ingestion, template families, thin-content and duplicate suppression, chunked sitemaps, and Playwright QA — engineered to prevent the failures template-driven SEO creates.

AI-Assisted Proposal & Discovery

Concept

Brand-aware proposal generation: schema-driven intake, retrieval of approved proof assets, deterministic templates around generative output, approval workflow, and protection against untrusted client input.

Agency Operations OS

Reference architecture

An automation-first operating system for a service business across the full value chain — where the interesting work is deciding what to automate, what stays human, and which system owns each record.

Let's connect

I'm open to new full-stack and senior engineering roles — local to Calgary or remote. Tell me what you're building.

✉️ rmashrur.w749@gmail.com 📞 +1 403-703-7831 in /mashrurio ⌥ github.com/Mashrur749 ↓ Download résumé (PDF)