# First Game Component Goes Live!

> ChainHackers Weekly

**Published by:** [ChainHacker](https://paragraph.com/@chainhacker/)
**Published on:** 2025-05-28
**URL:** https://paragraph.com/@chainhacker/game-component-goes-live

## Content

We’re back with another dose of dev progress. This week’s highlight? You can now play the game right in the browser via our demo Storybook — no need to integrate anything just yet.What We ShippedAfter last week’s layout and styling adventures, we wrapped the entire game flow into two clean exports:A single hook: usePlaceBetA React component: <CoinTossGame />All the on-chain complexity — randomness, wallet checks, error handling, event listening — is baked in. Just import and go. Example: Integration is TinyHere's all it takes to wire up the game component in your app: ) } ">const config = createConfig({ chains: [base], transports: { [base.id]: http() }, }) export function CoinTossGamePage() { return ( <WagmiProvider config={config}> <QueryClientProvider client={new QueryClient()}> <OnchainKitProvider chain={base}> <BettingConfigProvider value={{ affiliate: "0x0" }}> <CoinTossGame /> </BettingConfigProvider> </OnchainKitProvider> </QueryClientProvider> </WagmiProvider> ) } That’s it. If your wallet is connected, you can play. If not, OnchainKit handles it.Developer NotesMost stable: Desktop browsers with browser wallets (e.g. Coinbase Wallet, MetaMask)Mobile: Coming soon — we’re starting Farcaster Frame support!Also keeping an eye on Base minikit — hoping to plug into that as well.Next UpIn the coming week:📦 Publish the first npm package for easy component installs🎨 Polish token selection and mobile layout📱 Begin Farcaster frame integration using Base minikitThe component is real, live, and working—no mockups. And it’s not just for meme sites. Anyone building with on-chain vibes can plug this in and start earning from gameplay. More soon!

## Publication Information

- [ChainHacker](https://paragraph.com/@chainhacker/): Publication homepage
- [All Posts](https://paragraph.com/@chainhacker/): More posts from this publication
- [RSS Feed](https://api.paragraph.com/blogs/rss/@chainhacker): Subscribe to updates
- [Twitter](https://twitter.com/ChainHackerClan): Follow on Twitter

## Optional

- [Collect as NFT](https://paragraph.com/@chainhacker/game-component-goes-live): Support the author by collecting this post
- [View Collectors](https://paragraph.com/@chainhacker/game-component-goes-live/collectors): See who has collected this post