LFRaclette

LFGHO Raclette is our Web3 project, presented at the LFGHO Hackathon, using blockchain technology to expand the functionality of the GHO Token.

That idea emerged during this Hackathon, with a main goal of creating use cases for this token. We’ve oriented our thinking around the idea that for the token to be used, it needed some exclusive and cool new uses, that would make people want to acquire some.

Our team, a group of five friends and students, harnessed our collaborative strengths during the hackathon to develop this project. We often met in real life for board game nights and we thought it would be really interesting to propose that with the GHO token to the rest of the world. To do so, we have focused on creating an innovative gaming platform enabling players worldwide to participate in games, bet, and earn prizes. All of that with a focus on user independence and a unique gaming experience. By enabling people to play with friends or strangers from around the world, and by allowing them to bet on who is the best, we are convinced that even a small bet can exponentially increase the enjoyment and competitiveness of each player. This feature not only enhances the fun of the game but also motivates everyone to perform at their best. At the end, platform is composed of an intuitive front-end application and smart contract for blockchain transactions.

Key features of our LFGHO Raclette project include the ability to connect a wallet using ConnectKit, straightforward GHO minting from the Aave pool facilitator, and GHO staking with a 1:1 R-GHO ratio for effective transactions. We also offer a variety of games, facilities to create and join games, and a mechanism for distributing rewards based on game outcomes.

For those interested in exploring LFGHO Raclette, our project is hosted on Vercel and is accessible via the provided link. Installing the project locally is simple, involving cloning of the repository and installing dependencies. Running the application on a local setup is straightforward, with clear instructions provided.

The smart contracts, a critical component of LFGHO Raclette, manage the ERC4626 and game logics. This contract is accessible for review in our Smart Contract Repository.

Lastly, we would be glad to get your feedbacks about our project, our DApp and the experience you had with them. We are open to contributions and support from the community.

Key Technologies and Their Integration

Frontend Development: At the heart of our user interface is React.js, a powerful JavaScript library that enabled us to create a dynamic and responsive design. We paired this with Vite.js for an enhanced development experience. TypeScript added robustness to our code by introducing static type checking, significantly reducing runtime errors. Finally, we used a lot of CSS ,TailwindCSS and VanillaTilt to improve our UI.

User Experience Enhancement: For wallet connectivity, a crucial aspect of any Web3 application, we integrated ConnectKit from Family. This toolset streamlined the process of connecting user wallets to our application, vastly improving user interaction with blockchain functionalities. As GHO is a part of the Aave ecosystem, we wanted to emphasise the connexion between our app and what's possible with Aave. For that purpose, we've mad it possible to directly Mint GHO from the Aave Facilitator, by interacting with the Ethereum V3 Pool from our dapp.

Blockchain Interaction: Wagmi, a collection of React Hooks, was crucial for simplifying Ethereum network interactions. This facilitated easier connectivity, querying, and transacting on the blockchain.

Smart Contracts: Solidity was our choice for writing smart contracts, given its widespread use and support on the Ethereum platform. We adhered to ERC4626 and ERC20 standards, ensuring compatibility and interoperability within the Ethereum ecosystem.

Blockchain Environment: We chose Sepolia as our testnet, providing a safe and efficient environment for testing our Ethereum-based project. The Foundry toolkit, including forge and cast, was indispensable for smart contract development and Ethereum network interactions.

Deployment: Vercel was our deployment platform, offering seamless hosting and smooth deployment for our React-based frontend. It greatly simplified the process of bringing our project to the public.