There is this notion of fear when you enter your credit card details into a website. This application eliminates the fear by providing payments from within the Microsoft Teams application. Teams has now roughly 270M+ active monthly users, so if you have a shop and it's available on the Microsoft AppSource and you need a payment solution, mostly it would be a redirect to an external page. Why is that a case, can't we just put it inside Teams so people can be sure that the application is legit and complimented with government standards. Boom! Power Pay with Rapyd is the solution for it. It's a huge untapped marketplace for people to integrate payment systems with Rapyd.

What it does

The complete invoice payment experience is done from within your most used application (Microsoft Teams) for B2B payments of invoices

  • Pay shop invoices from within Teams
  • Track invoice status within Teams
  • Generate invoices from Teams and send them to the client
  • Invoice approval flow
  • Theme Toggle - Light/Dark theme matching the Microsoft Teams themes

How we built it

As developers we love automation tools, the complete solution is built on the following to deliver the value and speed to the clients

  • Power Apps - a No/Low code platform
  • Power Automate - Workflow automate
  • Adaptive Card - seamless integration with Power Automate
  • Azure Function - Runs Python code to manage all the backend services for robust usage
  • SharePoint - using it as a database for storing all the data

Challenges we ran into

Note: Fix for all the below challenges are complete and the app is working

  • Initial trouble in getting the strong encryption technique of Rapyd to work from our Python code (great docs on this topic, Kudos to the team)
  • We ran into an issue with how to embed a complete web page into Teams UI
  • Can't figure out how to authenticate the application from Teams UI
  • How to update the payment status from the embedded page onto the SharePoint was a huge task to solve, thought of using Webhooks from Rapyd

Accomplishments that we're proud of

  • Successfully creating checkout ID from the Power Apps UI
  • Got the invoice approval flow right the first time and worked smooth
  • Robust Python backend code to handle requests and webhooks from Rapyd

What we learned

  • Rapyd's ecosystem of payments and how easy is it to integrate with any application
  • Got a better idea of how to embed a cross-origin page to another and to another ((Checkout Page inside Power Apps Canvas) inside Microsoft Teams Team Channel tab - three-layer)

What's next for Power Pay with Rapyd

  • Getting approval from Microsoft AppSource to be published as an App that you can add to your Microsoft Teams
  • Need to get an MPN (Microsoft Partner Network) ID
  • Adding a proper Admin access to the Power Apps
NOTE: Please check the Judge section for email and password to access the Microsoft office tenant used to build this application and steps to test the application

Pricing strategy (Once the app is approved on Microsoft AppSource)

  • $15 per month for an organization with 5 service providers
  • $25 per month for an organization with 15 service providers
  • $50 per month for an organization with unlimited service providers

The service provider will use our app to generate the invoice and send a post request to our API service, which receives it and added it to the respective Office 365 SharePoint tenant.

Probably be hitting the road by June 28th, 2022!!

Built With

Share this project: