Casper

Casper is a widget generator for embedding on desired sites that support Markdown and HTML code, allowing users to receive donations via GHO to support their digital works. Anyone with GHO can click on the widget button, connect to a Web3 wallet, and start tipping the widget owner GHO.

Casper utilizes Family.co's ConnectKit and Alchemy's Ethereum RPC to interface with a Next.js frontend connected to Aave's deployed GHO ERC-20 token contract on Ethereum Sepolia testnet. The frontend comprises two pages: a 'Create Widget' page and a 'User Page.' The 'Create Widget' page enables users to generate a new widget by providing their name, Ethereum address for receiving GHO, and a brief bio. Markdown and HTML code snippets for the widget automatically become available to the user upon completing the inputs and clicking the 'Create Widget' button. Users can then copy the code and paste it on an online platform supporting Markdown or HTML code injections. When a GHO user casually browsing the internet finds the content interesting, they can click on the widget button, connect to their Web3 wallet, and start tipping GHO to support the work. An interesting hack employed in this project is that instead of using a database to store user input data from the 'Create Widget' page for serving the 'User Page,' the user inputs are combined into a JSON object, encoded, and added to the URL. When someone visits a user page, the page retrieves the encoded data string from the URL, decodes it, and renders the JSON object accordingly.