Yaya

Web3 Frontend Developer 🚀
Building DApps (React • Solidity • Ethers.js • Viem • Wagmi)
Sharing Web3 journey & projects
Open to remote opportunities 🌍

[Yaya @yayaOnChain]

Just built a modern DeFi DApp! 🚀

Swap, add liquidity, and stake LP tokens for yield farming rewards.

Smooth Web3 UX with React 19, TS, Tailwind, wagmi & viem on Ethereum.

#DeFi #Web3 #Ethereum #React #BuildInPublic

[Yaya @yayaOnChain]

Today's journey : Yield Farming: The "Lego" of DeFi

Stacking fees, staking, and incentives for max rewards. Keep an eye on APY (Price, TVL, Emissions) and watch out for Impermanent Loss.
Stay sharp, farmers!
#DeFi #YieldFarming #Web3 #BuildInPublic

[Yaya @yayaOnChain]

Today's deep dive: The Synthetix #Staking model.
Use 'Reward Per Token' checkpoints to minimize gas and maximize precision.
Logic flow:
- Deposit LP Tokens
- Track global Reward Rate
- Calculate share per second
- Claim rewards!
#DeFi #Web3Dev #Solidity #BuildInPublic

[Yaya @yayaOnChain]

Today's DeFi journey:Liquidity Pools
I finally understand the 50:50 ratio,LP tokens and how those 0.3% fees add up. But I’m still a bit nervous about Impermanent Loss.
Do you have any favorite tools or calculators to track IL? I’d love some recommendations!🙏 #DeFi #LiquidityPool

[Yaya @yayaOnChain]

Today's DeFi journey: Diving deep into AMM (Automated Market Makers)

Understanding the "x * y = k" formula is a game-changer. No more order books, just pure math and liquidity pools. It's fascinating how a simple equation can power billions in decentralized volume. #Web3 #DeFi

[Yaya @yayaOnChain]

For those who want to test locally, clone this: https://t.co/IK0zffHL2W
Sepolia testnet ready. No mainnet risk. 🛡️
#Web3 #React #TypeScript #Wagmi #Viem #GitHub #BuildInPublic

[Yaya @yayaOnChain]

Yesterday's journey : Just finished my complete NFT minting DApp
🚫 Not deploying to Vercel yet. Why? This NFT minter is just the foundation. Once I have 3-4 polished projects, I'll launch a unified portfolio site that showcases the full journey.
#Web3 #Wagmi #Viem #BuildInPublic

[Yaya @yayaOnChain]

Just finished UI optimization for my NFT minting DApp:
🎨 Shipped:
- Toast notifications (Sonner)
- Skeleton loading states
- Smooth transitions & animations
- Button loading states
- Error handling UX
- Fixing TxHistory with actual data
#Web3UI #React #TypeScript #BuildInPublic

[Yaya @yayaOnChain]

Stack:
✅Wagmi + Viem
✅Alchemy NFT API
✅React Query (caching)
✅TypeScript (full type safety)

#Web3 #React #TypeScript #Ethereum #NFT #Alchemy #BuildInPublic

[Yaya @yayaOnChain]

Today's journey : User Transaction History Complete!

GM. Just Implemented full #NFT ownership & transaction history for my minting #DApp.

Features shipped:
✅#Alchemy NFT API integration
✅User's owned NFT gallery
✅Transaction history table
✅#IPFS metadata fetching

[Yaya @yayaOnChain]

🔹 Development: Polling with getLogs (free, public RPC)
🔹 Production: WebSocket subscription (real-time, Alchemy/Infura)

Next: User-specific transaction history!
#Web3 #React #Ethereum #Wagmi #Viem #RealTime #BuildInPublic

[Yaya @yayaOnChain]

Just implemented live event listeners for my #NFT minting #DApp!

Now when someone mints, the UI updates instantly — no refresh needed.

Tech stack:
- #Wagmi's useWatchContractEvent
- #Viem for type-safe event parsing
- WebSocket RPC (Alchemy) for real-time subscription

[Yaya @yayaOnChain]

Pro tip: Public HTTP RPCs don't support watchEvent. If you're building real-time features, invest in a WebSocket endpoint early.

Question I got: "How do I test event listeners without paying for WebSocket RPC?"
Answer: Build a unified hook that auto-switches!

[Yaya @yayaOnChain]

🛠️ Stack:
✅Wagmi v2
✅Viem
✅RainbowKit
✅WalletConnect Cloud

#Web3Development #React #WalletConnect #RainbowKit #Ethereum #CodingJourney #BuildInPublic #Wagmi #Viem

[Yaya @yayaOnChain]

Yesterday: #Wagmi + #Viem core logic. ✅
Today: Seamless Wallet Integration. ✅

Integrated WalletConnect via RainbowKit.
Why? Because building a QR modal from scratch is risky. Using industry standards ensures security & mobile compatibility (Deep linking + QR).

[Yaya @yayaOnChain]

✅ Implementing robust hooks (useRead/WriteContract)
✅ Ensuring full TypeScript safety on ABIs

It's a slight delay, but refactoring now saves hours of debugging later. The foundation must be solid before scaling.

#Web3 #ReactJS #Wagmi #Viem #Ethereum #BuildInPublic #Developer

[Yaya @yayaOnChain]

I decided to pause the Vercel deployment for my #NFT mint #DApp from last week. Why? Because I want to integrate #Wagmi + #Viem properly before going live.

Speed is good, but stability & type-safety are better.

✅ Migrating to Wagmi v2 + Viem

[Yaya @yayaOnChain]

✅ Full TypeScript + best practices

Smart contract: ERC721 with max supply + reentrancy guard 🔒

Next up: Deploy to Vercel + write docs!

#Web3 #React #TypeScript #Ethereum #NFT #BuildInPublic

[Yaya @yayaOnChain]

🚀 Just built a clean NFT Mint UI with React + TypeScript + ethers.js!
No wagmi/viem (yet) - keeping it simple to understand the fundamentals first.
✅ Wallet connection
✅ Real-time supply tracking
✅ Quantity selector + price preview
✅ Transaction feedback + Etherscan link

[Yaya @yayaOnChain]

Currently waiting for faucet approval. Building in public means sharing the struggles too!
#Web3 #Ethereum #Solidity #Sepolia #BuildInPublic #Developer

[Yaya @yayaOnChain]

Progress Update: Smart Contract Deployment 🚀
Fixed the HH117 config error, then hit the classic Web3 rite of passage: "Insufficient funds for gas" ⛽
Learned today:
✅ Testnet ≠ Free unlimited gas
✅ Need Sepolia ETH from faucets
✅ Localhost network is a lifesaver 4 testing