Mayank Suman

Mayank Suman

Frontend engineer with 14 years of turning product ideas into fast, accessible interfaces. Currently a senior software engineer at Xsolla.

Email meDownload CV
Based in
Metro Vancouver, British Columbia
Coordinates
49.28° N, 123.12° W
Local time

About

Mayank Suman on a desert trip, wearing aviator sunglasses

With over 14 years of comprehensive experience in web development, I specialize in crafting scalable, intuitive, and high-performing applications. Adept at developing responsive and accessible user interfaces, optimizing application performance, and mentoring teams, I thrive in collaborative, agile environments. I bring a passion for problem-solving and a keen eye for modern UI/UX design principles, ensuring robust solutions that enhance user experience and streamline workflows.

7 teams since 2012, from New Delhi to Vancouver.

How I work

  • Owns problems end-to-end – from ambiguous requirements to production-ready, accessible UI.
  • Mentors engineers and raises team code quality through reviews and pairing.
  • Balances pragmatism with quality – knows when to optimize and when to ship.
  • Bridges design, product, and engineering with clear, direct communication.

Experience

  1. Apr 2025 – now1 yr 6 mo

    Senior Software Engineerat Xsolla

    Montreal, Quebec, Canada (remote)

    Xsolla Quest Platform (QP) is a Go microservices monorepo powering the Xsolla Offerwall, an ad-tech platform where users earn rewards (Xsolla Points, virtual currency, gift cards) by completing in-app offers, watching videos, and installing games, serving both a publisher-facing admin panel and a user-facing offerwall/rewards experience.

    • Architected unified Publisher App & Revenue Share administration tools, building complex validation schemas, reactive form inputs, and inheritance displays to streamline partner configurations across placement types.
    • Engineered robust programmatic navigation controls by implementing a pre-navigation readiness pattern to eliminate race conditions and rendering artifacts during route transitions.
    • Upgraded cross-platform video player capabilities, adding seamless portrait/landscape orientation switching and resolving touch-target hit-box issues in landscape mode.
    • Delivered a pixel-perfect First Time User Experience (FTUE) from Figma specifications, engineering custom layout adaptations, dynamic button positioning, and optimized image rendering for fluid onboarding.
    • Resolved complex mobile layout and z-index collision issues, repairing bottom navigation overlaps, sticky CTAs, and tooltips to ensure consistent usability across screen densities.
    • Optimized list state management, implementing scroll position preservation across deep navigation stacks on rewards and offer wall screens.
    • Overhauled frontend analytics pipelines, injecting persistent device headers, implementing fetch keepalive mechanisms to guarantee event delivery during page unload, and routing custom app event funnels.
    • Fixed build export and service-resolution pipelines across web builds to ensure accurate Datadog APM tracking and third-party monitoring.
    • Enhanced anti-fraud and backend tracking systems, extending model schemas and refining third-party fraud verification response handling.
    • Integrated SonarQube automated code quality analysis into offerwall project CI/CD pipelines to enforce static analysis standards and security scanning.
    • Implemented secure authentication and session handling across the publisher admin panel using JWT-based access tokens and OAuth2 flows, safeguarding partner-facing routes and API calls.
    • TypeScript
    • NextJs
    • ReactJs
    • React Native
    • Expo
    • Tamagui
    • Go
    • Jest
    • React Testing Library
    • Datadog
    • SonarQube
    • JWT
    • OAuth2

  2. Jun 2022 – Sep 20242 yrs 3 mo

    Senior Software Engineerat Ooma

    Vancouver, British Columbia, Canada (hybrid)

    Ooma, Inc. is a publicly traded telecommunications company based in Silicon Valley, California, offering communication services including voice.

    • Improved Call Center screen load performance by about 70% by optimizing React components, profiling with React Profiler and Chrome DevTools.
    • Merged the Admin Portal application into the host app, Commland, using the micro-frontend library single-spa, reducing duplicate code by about 7%.
    • Developed reusable React functional components, cutting development time by almost 50% across 4 projects.
    • Collaborated with automation engineers to optimize testing processes, reducing regression issues by 40% and improving release efficiency.
    • Developed a reusable address autocomplete component that fetches real addresses from the Google Maps API and auto-fills each address field, improving the user experience.
    • Planned and built the applications' data layer, caching and routing strategies, and a shared component library using React and Next.js.
    • Documented code, contributed to style guides, and worked closely with teammates across functions.
    • Created and maintained efficient API queries using GraphQL, integrating with Redux Toolkit (RTK Query) for data fetching and caching.
    • Led the migration of a complex phone system admin portal and unified telecom application from jQuery and JavaScript to a React.js SPA.
    • Redesigned interfaces around modern UI/UX principles, improving application responsiveness and maintainability.
    • Optimized the Cypress.js test suite to improve execution times, making the testing process more efficient and effective.
    • ReactJS
    • NextJS
    • Typescript
    • GraphQL
    • Redux Toolkit (RTK Query)
    • Jest
    • React testing Library
    • NodeJS
    • MUI
    • Styled Components

  3. Apr 2019 – Sep 20223 yrs 5 mo

    Lead Software Engineerat Simpplr

    Toronto, Ontario, Canada (remote)

    Simpplr is a purpose-built SaaS platform that helps employees collaborate across departments and stay connected to the broader organization.

    • Led development of a native WYSIWYG editor on the micro-frontend (MFE) architecture to replace a third-party library, removing its yearly licensing cost, shrinking the host app's codebase by 5%, and giving users a richer editing UI.
    • Developed the "Native Video" feature, letting users upload and play videos across the application (e.g. while composing posts) served from the private cloud platform, reducing dependence on third-party providers like YouTube and Vimeo.
    • Developed new features and reusable components with React and dependable UI libraries.
    • Translated designs and wireframes into high-quality code, optimizing components for performance.
    • Wrote and maintained unit tests for every delivered module with Jest and React Testing Library, aiming for maximum coverage.
    • Documented and maintained technical workflows and specifications in Confluence during feature development.
    • Gathered requirements from product owners, groomed them with the team, and estimated the work.
    • Led the frontend team as Lead Software Engineer over a 1-year tenure, owning technical direction, sprint planning, and architectural decisions for the platform's editor and content modules.
    • Mentored team members and peers, clarifying processes and project details.
    • ReactJS
    • NextJS
    • Typescript
    • Redux
    • React Query
    • Webpack
    • Jest
    • React testing Library
    • Cypress
    • Javascript
    • NodeJS
    Watch the product demo

  4. Jul 2016 – Apr 20192 yrs 9 mo

    Senior Software Engineer (Full Stack)at RSG Media

    New Delhi, India (onsite)

    Analytics product used by Viacom Media Networks and others to track the ROI and reach of promos aired across media platforms.

    • Visualized promo data in bar and pie charts so users could understand it more easily.
    • Used the ParamQuery grid library to display and edit complex promo data in tables.
    • Built and maintained GUIs with Handlebars and ReactJS to make business data usable.
    • Created RESTful API endpoints with NodeJS and ExpressJS.
    • Managed versions and branches for staging and production servers using Git and Sourcetree.
    • Discussed, analyzed and planned product design with product managers, the UX team and business managers.
    • Tracked and resolved issues raised in the bug tracker (Bitbucket).

  5. Dec 2014 – Jul 20161 yr 7 mo

    Software Developerat 9.9 Media

    Noida, India (onsite)

    • Implemented UI techniques such as lazy loading and infinite scroll.
    • Deployed and rendered ads dynamically using Google APIs.
    • Implemented and launched Accelerated Mobile Pages (AMP) versions of news articles and stories so they render instantly on google.com.
    • Created the Product Guru page, which searches products by weighted preferences and shows results on the fly.

  6. May 2013 – Dec 20141 yr 7 mo

    Software Developer (UI)at Nineteen Apparels

    New Delhi, India (onsite)

    • Designed and developed custom Magento themes to enhance UI/UX, ensuring responsiveness and accessibility.
    • Optimized Magento themes for faster page load times by minifying CSS/JS, implementing lazy loading, and improving asset management.
    • Ensured Magento themes followed SEO best practices and accessibility guidelines for better search ranking and user experience.
    • PHP
    • Magento
    • JQuery
    • Javascript
    • MySQL
    • HTML
    • CSS

  7. Mar 2012 – Mar 20131 yr

    PHP Developerat Diametric Solutions

    New Delhi, India (onsite)

    Client sites iamnineteen.com, kippandludwig.com, theartjewellery.com, pennywisefilms.com, shuttlecockboys.com, diametricsolutions.com, abptechinc.com, babajiayurveda.in, indianbizmart.com

    • Developed web pages quickly and effectively using HTML5, CSS3 and JavaScript.
    • Built responsive layouts with Flexbox, CSS media queries, CSS Grid, and frameworks like Bootstrap and MUI.
    • Applied fundamentals of layout design, colour and typography.
    • Debugged cross-browser compatibility issues.
    • Built robust web applications using an object-oriented design approach.
    • Participated in requirements analysis, code reviews and project releases.
    • Followed an agile process in Jira that handled changing requirements effectively.
    • Worked with internationalization and localization libraries like i18next.
    • Delivered full-stack web development with NodeJS, React, API integrations and API mocking.

Skills

Highlighted skills show up in the stacks of my past roles. Select one to see where I used it.

No skill selected.

Languages
  • SASS
Frontend
  • Flexbox
Testing
  • Playwright
  • Enzyme
  • Storybook
Tooling & CI/CD
  • Vite
  • Turborepo
  • Esbuild
  • ParcelJS
  • Gulp
  • Jenkins
  • GitLab CI
Backend
  • PostgreSQL
  • MongoDB
Cloud & Version Control
  • AWS (Lambda, EC2, S3)
  • Google Cloud Platform (GCP)
  • Salesforce
  • GitHub
  • GitLab
  • Bitbucket
AI Tools
  • Claude Code
  • GitHub Copilot
  • Cursor
  • Gemini
  • OpenAI Codex
Other
  • WordPress
  • Linux
  • MacOS
  • Windows
  • Bash
  • Zsh

Education

  1. 2012

    Bachelor in Technology, Computer Science

    Punjab Technical University, Kapurthala, India

  2. 2007

    High school/ 12th Standard

    CBSE Board (Physics, Chemistry, Math), Delhi Kannada School, New Delhi

Contact

Hiring for a frontend role, or want a second pair of eyes on a tricky UI? Email is the fastest way to reach me.