The inspiration for this project came from a viral Twitter post I saw from @CryptoXpresso. I had learned that Opensea was offering refunds for those who had failed transactions on the platform.
It was important to release this project ASAP, so the first draft lacked proper styling and only had the most vital functionality. Over time, I was able to create a better UI / UX. See my first and final drafts below.
First Draft:
Final Project:
Check out the project: osrefund.app
Read a more in depth-technical breakdown here: ricefarmer.io/project/2
Languages:
- Javascript
- HTML
- CSS
Dependencies:
- React
- Ant Design
- web3.js
- .env
- React Google Analytics 4
APIs:
- Etherscan API
- Alchemy API
Apps:
- Haikei Waves
My vision for this project was to showcase all of the Ethereum transactions that failed an interaction with the Opensea contracts by simply inputting your Ethereum address or ENS name. I wanted to display it in a simple table with the date, transaction hash, gas fee, and etherscan link. I also wanted to clearly display the total Opensea reimbursement amount as well as an option to copy the table to an Excel sheet or to the Opensea Help Center.
- Landing Page
- Ethereum Address Input
- ENS Integration
- Ethereum Balance
- Failed Opensea Transaction Table
- Total Gas Reimbursement
- Sort by Past Month Activity
- Copy Table to Clipboard
This app ended up being a big hit with over 800 likes, 200 retweets, and nearly 100 comments on my announcement!
Check out the Tweet or my Portfolio to read more about the feedback I received