Onbogo

1. What it is: Onbogo is a simple, beginner-friendly DeFi app that lets users learn by exploring real on-chain trades and voting on them. The experience is intentionally light: users interact with live data, make basic trade assessments, vote, and earn tokens — all without needing deep crypto knowledge.

2. What Users Do • Enter a wallet address (a “professor”) to see recent token swaps made by that wallet. • Choose the trade they think was the smartest — based on amount, gas fee, and token choice. • Vote and get rewarded with a BUS token. • Track their voting history to observe personal trends, like whether they favor low gas or large trades.

3. Why This Matters • It introduces DeFi concepts in an accessible, hands-on way using real blockchain activity. • Voting is presented as a simple multiple-choice interaction — lowering the barrier to participation. • Users don’t need to know how to make trades yet; they just need to observe and decide. • It gives structure to learning, making abstract concepts concrete through real-time interaction.

4. Personal Note

I built this as a beginner myself — figuring things out along the way and making workarounds when needed. Similarly, users are encouraged to try things out, like grabbing wallet addresses from Etherscan or comparing trades using live gas data. This hands-on approach is what I found helpful, and it’s what Onbogo offers to others starting out.

I built the frontend using React with Vite for fast bundling and development. Wallet connection is handled with RainbowKit and Wagmi, providing Ethereum wallet onboarding and blockchain interaction.

The BUS token smart contract was deployed on Remix.ethereum.org. I use Wagmi hooks to fetch token balances and enable token claims.

UI components are from Radix UI for accessibility and consistency. Navigation between steps is implemented with React and controlled via buttons.

API requests to external services are routed through a Vercel serverless function acting as a proxy to avoid CORS issues and secure API keys.

The Learn page integrates 1inch’s GetQuote API to display gas fees and swap quotes in real time.

I implemented a custom wallet address input component with validation to ensure correct Ethereum address formatting.

Ballots are stored locally and linked to on-chain data where applicable.

The app is deployed on Vercel, hosting both frontend and API proxy functions.