edX-2U: Payment Micro-Frontend

edX-2U: Payment Micro-Frontend

Implemented a robust subscriptions module in edX's Payment Micro-Frontend, integrating Stripe deferred payments and 3D Secure for secure, scalable transactions.

View
Mobile Preview
Back to Projects
Key Responsibilities
Implemented subscriptions module, integrated Stripe deferred payments, handled 3DS, wrote unit tests, ensured payment flow scalability.
Key Implementations
Subscriptions module, Stripe deferred payments integration, 3DS authentication flows, Jest unit testing.
Customer Impact
Improved user experience for payment features and ensured robustness of critical financial components on the learning platform.

Project Overview

The Problem

Need for secure, flexible, and scalable subscription and payment processing within a new micro-frontend architecture.

The Solution

Built a robust subscriptions module with Stripe's advanced payment features (deferred, 3DS) ensuring compliance and reliability.

Vision & Impact

Contributed to a seamless and secure financial backbone for millions of learners on a global online learning platform.

Detailed Overview

As a Frontend Engineer at Arbisoft, I played a pivotal role in the development of the edX Payment Micro-Frontend (MFE) as part of the critical edX-2U integration efforts. My primary responsibility was implementing the subscriptions module, which involved integrating Stripe deferred payments and handling complex 3D Secure (3DS) authentication flows. This ensured highly secure and flexible user transactions. I collaborated closely with backend and product teams to deliver a reliable, scalable payment flow that aligned with industry standards, while maintaining high code quality through comprehensive Jest unit tests.

Technical Details

Technologies Used
React
Stripe
TypeScript
Jest
SCSS
REST APIs
Micro-Frontend Architecture
Project Information

Duration

May 2023 - Dec 2023 (8 months)

Team Size

Team of 6 (3 Frontend, 2 Backend, 1 QA)

My Role

Frontend Engineer

Key Achievements
  • Integrated Stripe deferred payments with comprehensive support for 3D Secure (3DS) authentication.

  • Successfully implemented a complex subscription module within the edX Payments Micro-Frontend.

  • Delivered robust, high-quality code through extensive test-driven development using Jest.

  • Ensured secure and scalable transaction workflows for critical financial components.

Challenges & Learnings
  • Navigating the complexities of 3D Secure authentication flows for global payment compliance.

  • Ensuring scalability and reliability of payment modules within a Micro-Frontend architecture.

Explore This Project

Ready to Collaborate?

If you have a project in mind or just want to connect, feel free to reach out.