The idea of embeded checkout seemed really cool when I was reading the Rapyd documentation. I figured it would be useful to be able to embed a Checkout into ANY page, specifically on platforms where creators own their own content, but not the site itself.

What it does

For Consumers: Window Shop allows viewers to purchase products seen on YouTube without leaving

For Creators: It also allows you to direct traffic to purchase products displayed in your videos

How we built it

There are a few components

  • The chrome extension for consumers, this displays the checkout page
  • The SPA webpage for the creator dashboard (built with react)
  • A backend API server to communicate between the creator dashboard and the extension (built with flask)
  • A Postgres database
  • Container management with docker-compose

Challenges we ran into

Had to work around the limitations of the content script in the chrome extension so that the checkout page could be displayed safely and effectively.

Accomplishments that we're proud of

I'm very proud to have a working product that is able to generically register any product for any video

What we learned

I learned a lot about the authentication process with the Rapyd APIs and also about security in chrome extensions

What's next for Window Shop

  • Improve Window Shop for sites other than YouTube
  • Generate reports and metrics on which products are bought during which videos
  • Consumers order history in the extension
  • Discounts specific to Window Shop
Share this project: