A template project demonstrating how to build mini-apps on LUKSO, interacting with Universal Profiles on Universal Everything, built with Vite.js. For this project is foundamental to install the up-provider package
Welcome to the Hangman game with blockchain integration! This single-player game combines the fun of Hangman with the power of LUKSO technology, offering an innovative experience where your achievements are recorded on the blockchain.
The application use the Universal Profile system to authenticate users and interact with smart contracts. This ensures a secure and seamless experience.
Login: Login on Universal Everithing with your UP and use [TheGrid] to interact with the miniapp.
Interactive Gameplay: Play the classic Hangman game with an engaging user interface.
Blockchain Integration: Leverage blockchain technology for secure transactions and interactions, in this scenarios blockchain is used to monitor your win and to reward the winner with a prize.
Universal Profile Support: Easily authenticate and manage your profile with the Lukso Universal Profile system, this one garantee a smooth and fluid user experience, it garantee a gasless interaction, in this way users can play to the game without thinking to pay gasfees.
npm install
npm run dev
open your browser and go to http://localhost:5173 to play the game!1. Deploy your app. You can use Vercel or your favorite cloud platform.
2. Go to Universal Everything and add new content to The Grid.
3. Choose the “Website” option and paste the URL of your dApp. If you use [Vercel], you can refer to their documentation.
4. Now you can see your dApp on The Grid! Let’s start playing!
src/context/UpProvider.tsx: Core UP Provider implementation and wallet connection logic.src/hooks/useSmartContract.tsx: It contains the logic to interact with the blockchain, with ethers.js or with UpProvider.src/components/: All Components used to build the HangmanGame.src/view/: Is the interface that you see when you start the game.
- [React]: Frontend framework for building interactive UIs.
- [Vite]: Development environment for fast builds and hot module replacement.
- [Tailwind]: Styling framework for a sleek and modern design.
- [Ethers.js]: Library for interacting with Ethereum blockchain. -@lukso/up-provider: Facilitates integration with the Universal Profile ecosystem.
- LUKSO Documentation - Learn about LUKSO ecosystem
- UP Browser Extension - Install the Universal Profile Browser Extension
Contributions are welcome! Feel free to submit issues and pull requests.