Inspiration
I was inspired by the lack of user-friendly NFT staking platforms that offer both functionality and a clean, responsive design. I wanted to build something that feels smooth to use and provides real value through passive rewards.
What it does
Stake House lets users mint NFTs, stake them, and earn $SH tokens over time. It supports wallet connections, real-time staking stats, and a sleek, dark-themed UI—all directly in the browser.
How we built it
We built our staking system using a combination of web3 technologies and smart contract development. On the frontend, we used JavaScript, HTML, and CSS to create a responsive and interactive user interface that allows users to connect their wallet, stake NFTs, and claim rewards. The backend was developed in JavaScript and Solidity, where we handled the smart contract logic, ABI integration, and controller functions to interact with the Ethereum blockchain. We deployed our smart contract to an Ethereum Testnet, which also served as our server and database, storing all user and staking data on-chain. Additionally, we used IPFS to manage and retrieve NFT metadata in a decentralized way.
Challenges we ran into
One of the biggest challenges we faced was understanding how smart contracts interact with the frontend. Since blockchain data isn't stored traditionally, we had to learn how to read and write data on-chain using ABI and ethers.js. We also struggled with wallet connection issues, especially when testing on the Ethereum testnet, and ensuring that users’ NFTs were correctly approved and transferred to the contract for staking.
Accomplishments that we're proud of
We built a fully functional, secure, and elegant NFT staking platform. The real-time reward tracking, bulk staking support, and IPFS metadata integration are features we're especially proud of.
What we learned
We deepened our knowledge of smart contract architecture, frontend-driven Web3 development, and how to create responsive UIs that interact smoothly with the Ethereum network.
What's next for StakeHouse
We plan to add staking leaderboard features and possibly mobile wallet support for a more inclusive staking experience.
Built With
- css
- ethereum
- html
- ipfs
- javascript
- solidity
- testnet
Log in or sign up for Devpost to join the conversation.