RapydRewards

A personalized card recommendation embed powered by Rapyd.

RapydRewards helps users make the most of their purchases online by recommending the best card to use at the point of sale.

Built for the Rapyd hack the galaxy 2022 hackathon.

Concept

There's all sorts of websites that let you compare credit card rewards.

RapydRewards recommends the cards at the point of checkout whenever a client is using a Rapyd checkout screen.

Going after the following categories:

  • Digital ads: Credit card companies can embed their card signup based on the category of purchase the user is completing.
  • Product experience: A high reward or cashback from a particular card merchant could incentivize the user to complete a purchase of an item.

Objective

RapydRewards aims to improve the checkout experience for credit card rewards users by providing tools for selecting the best credit card available to the user at the point of purchase as well as recommending other credit cards that provide higher reward rates.

How It Works

The prototype application includes a set of some of the most popular credit cards with rewards details including limits and durations for each. A user can select each card owned, which is saved to a user profile. When making a purchase using the RapydReward checkout experience, the user is shown which of their available credit cards provides the highest value reward based on the particular merchant category the purchase falls under.

The merchant category selection shown in the app is for demo purposes, the user or merchant of RapydRewards should wire in the appropriate category closest matching one from the /categories endpoint.

The RapydRewards project is a side panel next to the Rapyd checkout to deliver a checkout experience that enables the user to discover the best cards, either the ones that the person currently owns or the ones that they don't, to use for their purchase.

How it's built

The project features a React.js front-end, which includes components that can be imported into a merchant's web application, and connects to a python server that includes functionality for storing and managing a set of user-owned credit cards and selecting the best card given details of a purchase. It connects to a users existing Rapyd profile with stored payment methods.

Running the project

From the repo root: yarn; yarn start

Run the server code from the below directory: ./server:

    RAPYD_ACCESS_KEY={YOUR RAPYD ACCESS KEY}
    RAPYD_SECRET={YOUR RAPYD SECRET}
    pip install -r requirements.txt
    ./run.sh 

Useful links

https://docs.rapyd.net/build-with-rapyd/reference/rapyd-disburse-overview

Built With

Share this project:

Updates