Tuxedo DApp, Extended CLI-wallet and Talisman integration

Overview

Unlike traditional account-based systems, UTXO-based systems treat each transaction output as a distinct entity, introducing advantages in parallel processing and state transition simplicity.

The Tuxedo project endeavors to demonstrate the flexibility and interoperability of Polkadot by implementing UTXO as one of its paradigms. MLabs, with expertise in the Cardano ecosystem utilizing UTXO as its core model, sees an opportunity to contribute to Tuxedo's success, address identified issues, and engage in future collaborative activities.

Our goal is to showcase the potential of Polkadot using the UTXO paradigm for the end user, leveraging Tuxedo. The project consists of two stages

Stage 1: Extend the CLI-wallet and integrate Talisman

Extend the original CLI wallet to allow CryptoKitties DApp to run. Integrate Talisman to allow users to manage their UTXOs on the Tuxedo-based DApp.

Functionality:

1. Feature parity between Web-Based and CLI wallets

The web-based wallet allows core functionality of the CLI wallet, offering seamless UTXO synchronization and token handling, ensuring that users have an equivalent experience across both interfaces.

2. Talisman integration:

The Web-based wallet Talisman integrated to allow the transactions of the DApp.

3. Issues Fix to support transactions to multiple recipients (Off-Narrative-Labs/Tuxedo#62)

The current implementation of a CLI-based wallet allows sending inputs from multiple owners in a single transaction, but it only supports a single recipient for all specified outputs.

Blockchain Integration:

Web-based and CLI wallet to connect with the blockchain node and fetch data.

Demo Talisman integration:

The video shows how the Talisman integration works for all the features of the DApp

Extended CLI-wallet for tradable kitties

https://github.com/mlabs-haskell/Tuxedo/blob/main/wallet/src/kitty.rs

Demo CLI-wallet:

The videos demonstrate the CLI-wallet functionalities: mint coins, create kitty, update kitty name, list kitty for sale, update tradable kitty price, breed kitty and buy kitty

Stage 2: Developing a basic CryptoKitties DApp

Create a simple decentralized application to demonstrate the viability and maturity of the Tuxedo framework, as required by this opened ticket "Full Tuxedo App Implementation" Off-Narrative-Labs/Tuxedo#76 Showcase the unique features of UTXO-based transactions on Polkadot, emphasizing scalability and robustness. Address identified gaps and limitations in the current Tuxedo product to enhance overall functionality. We think that a successful showcase of a DApp is Cryptokitties which is provided in Tuxedo via pieces in "https://github.com/Off-Narrative-Labs/Tuxedo/tree/main/wardrobe/kitties". We want to use this concept and extend the wardrobe codebase by implementing a basic web interface and allowing breeding, trading, searching, and updating the kitty features such as name, price and tradable status of kitties. This DApp is intended for educational purposes only, and not for production use.

Technical Requirements

Functionality: Kitties Creation with NFTs: Represent each kitty as a unique NFT on the Tuxedo blockchain. Use Tuxedo runtime pieces i.e. kitties to handle NFT-based kitties creation transactions.

Breeding and NFT Ownership: DApp ensures NFT ownership is transferred correctly during breeding transactions. Leverage NFT attributes to determine genetics and other breeding-related factors.

Trading of kitties between users: DApp ensures Kitties can be traded between the users. Ensure ownership is transferred successfully once trading is completed.

Updating the kitty details: DApp ensures Kittie's details such as name, tradable status(Yes or No) and Price can be updated.

Search kitties owned by other users: DApp helps search the kitties other users own based on the user's public key. This displays the list of kitties owned by other users with all details required for trading such as Gender, Tradable status, Price, Parents, etc.

Blockchain Integration: Tuxedo Runtime pieces (wardrobe/kitties ): We need Leverage Tuxedo runtime pieces for implementing specific DApp functionalities in the UTXO model, with a focus on NFTs, if some modification is required or if some new functionality is required we may need to customize runtime logic to suit the requirements of the UTXO-based DApp. For this scope, we plan to modify the kitties' pieces code to support below features:

1. Generating the kitty without the parent when the user inserts the new key in the wallet (basically, 1 kitty is provided for free as an onboarding process)
2. Implementing the Trading of kitties between users
3. Searching kitties owned by other users
4. Adding/Updating more details of kitties such as Gender, Tradable status, Price, and Name.

Transaction Handling: DApp implements transaction handling logic in the web application to initiate UTXO-based transactions, including NFT-related transactions, on the Tuxedo blockchain. Provide feedback to users on transaction status and confirmations.

Personal Dashboard: We developed a personal dashboard for users to view and manage their NFT-based Kitties collections. Display detailed information about each NFT, including ownership history and transaction history. Manage NFT means, it includes below :

1. Viewing NFTs: Users can see a comprehensive list or visual representation of all the NFTs (kitties) they own. Display detailed information about each NFT, including attributes such as below: Name parents(mom and dad) free_breedings(numbers) DNA (H256 Hash value) num_breedings(number) Tradable(yes or No) Price Status (Ready for Raring, Tired (only for Dad), Had birth recently(only for Mom)).
2. Trade : Users can buy the kitty from other users via the search kitty screen or directly from the Trade Kitty screen by inputting the kitty & owner details.
3. Breed : Users can initiate breeding directly from the dashboard.
4. Update : Users can update features such as Tradable status, price, and name from the dashboard by clicking on any cell which will navigate to update the kitty screen.
5. Interactivity: Make the dashboard interactive, allowing users to click on individual NFTs to access more detailed information or initiate specific actions.

Tech Stack:

• React Framework (React + Redux + React Router)
• TypeScript
• Babel (for backward compatibility in older browsers)
• Jest (JavaScript Testing Framework)
• Rust
• Axum (Rust Web Application Framework)
• Sled (embedded database)

Demo DApp

The video shows how to breed and trade kitties, together with all the functionalities of the DApp

DApp Wireframes

Further documentation

Testing guide, Build and run the DApp, DApp specification, APIs spreadsheet, Swagger APIs documentation, Frontend development libs, Game design, Talisman wallet, Wireframes

Comparative analysis

CryptoKitties Development: A comparative analysis between EVM - Cardano - Tuxedo/Polkadot

Additional extra work and experiments

• Mint_coin: https://github.com/Off-Narrative-Labs/Tuxedo/commit/80e7b5720a384907cef89e091034fff3fe0f2b7f
• Metadata analysis and design/experiments: Off-Narrative-Labs/Tuxedo#30 (comment)