Screen of Coffee Flex Power App

Custom App: Coffee Flex – Get Matched for a Coffee Break With a Random Colleague



Think of tinder for virtual coffee breaks. That’s more or less what it is.

As a user, you need to register yourself to be in the pool of “registered users”. Once you’re registered, you’re eligible to search for a possible coffee match AND others can be matched with YOU.  It’s as easy as clicking on a button. The app will then filter out registered users that are not eligible for a match. It will then present you with a matched user and will also suggest timeslots for a coffee. You can even see if the user is available on suggested timeslots. If not, just let it generate new timeslots for you.


Who is not eligible

Not eligible users could be:

  • users who had already a coffee match today
  • users who had already a coffee match yesterday
  • users who have a coffee match planned for tomorrow

I’m planning to improve the conditions even further so users can choose, perhaps, their department to be matched with, their preferred timings, etc. For now, it’s just what I stated above.


Coffee Flex needs the following connections:

  • Office 365 Users (to find the profile of matched user)
  • Office 365 Outlook (to send invitations to the matched user)
  • Microsoft Teams (to generate a teams invitation)


Apart from that, it’s also using two tables:

  • Registered Users (includes all users that have clicked on the Register button
  • Matches (includes all matches the app has made)

How to install it

  1. Open MS Teams
  2. In the App Store, search and open Power Apps
  3. Create a new app or use an existing environment
  4. Once you’re in the right environment, click on See all to see all assets in that environment
  5. From there, click on Import at the top
  6. Upload the attached zip (see below) and confirm.
  7. Wait for it to be imported
  8. Open the Coffee Flex app and ensure everything works

How to configure colors & invitation message

In the App.OnStart property, you can change the gblInvitationMessage variable to any HTML text you like. This is the one that is being used when an invitation will be sent (to the matched user).

To change the colors, simply adjust the colors in the colStyles library. The most important ones are primaryAccent.Filllight.BorderColor, background.Fill, background.BorderColor, gradient, darkGradient, and lightGradient

I hope you like it.

If you have feedback, bugs, just want to say thank you, or anything in between, please let me know and leave a comment or get in contact on social media.

You May Also Like
styles in a sharepoint list

Power AppsPower Apps Style Guide: 3 Great Ways To Consistently Brand Your Apps

By saving in a data source like SharePoint and then connect it with Power Apps, you can easily have a centralized style library. This ensures that all your apps look consistent and you don't have to go through the hassle and change every element, once you decided to change your primaryAccent color. It makes sense to take your time to sit down, think of the way you'd like your styles to be structured and stay with that through all your app-creations.
Read More
Power Apps Screen in MS Teams

Power AppsPower Apps: Link To Specific Screens & Items in MS Teams

Now with the renaming of Common Data Service to Dataverse and the launch of Dataverse for MS Teams you might be wondering how to create a Power Apps link to specific screens or even to a specific item in your app. The use of parameters for Power Apps has been around for a while now, but when it comes to MS Teams this gets a little more complicated. In this blog post, we're going to check how we can still leverage deep links to Power Apps within MS Teams.
Read More