Decentralized Wallet React Component by Mandala

[GENERAL] Name and surname of main applicant

[GENERAL] Are you delivering this project as an individual or as an entity (whether formally incorporated or not)

[GENERAL] Please specify how many months you expect your project to last (from 2-12 months)

[GENERAL] Please indicate if your proposal has been auto-translated into English from another language

[GENERAL] Summarize your solution to the problem (200-character limit including spaces)

This open-source React component will have UI/UX and wallet logic and support local node/indexer infrastructures (e.g. Kupo/Ogmios, Koios) for the building of true dApps.

[GENERAL] Does your project have any dependencies on other organizations, technical or otherwise?

[GENERAL] If YES, please describe what the dependency is and why you believe it is essential for your project’s delivery. If NO, please write “No dependencies.”

Currently the wallet uses the harmoniclabs/plu-ts library to generate off-chain Cardano transactions. Because this library is open source and written in typescript, however, we are able to continue to use and maintain it into the foreseeable future.

[GENERAL] Will your project’s output/s be fully open source?

[GENERAL] Please provide here more information on the open source status of your project outputs

The project will be fully open source. The planned license is copyleft, requiring attribution to the original authors, and derivative works must also include source code. The source code will available on GitHub.

[SOLUTION] Please describe your proposed solution

• Not just a wallet, but a solution for developers to create a fully decentralized application!
• Gives the ability not to have to rely on browsers that only allow Google extensions
• Open source aspect allows ability for other developers to implement functionality that can be shared with the community

First, wallet extensions run on their own infrastructure to aggregate information about users’ UTXOs from the blockchain, without giving that same power to the user. Moreover, no wallet providers provide information about their backend infrastructure. If the wallet provider’s server or DNS goes down, or some other global event takes place, the wallet will go down and the user will not have access to it.

Second, not a lot of wallets are open source, and the user has to trust the integrity of the wallet provider. 

Third, it is difficult to build a true dApp without having it run in a web browser to gain access to wallet extensions for signing and managing transactions. This is especially the case if a developer wants to use technologies like Electron or Apache Cordova to make desktop or mobile applications for a smoother native user experience. Even though there are existing mobile wallets to connect to your cloud-hosted application, those wallets do not support stand-alone native mobile and desktop applications.

Our primary reason to open source this wallet solution is to make wallets more transparent and decentralized, in order to protect users from unexpected outages. Our decision to target React is based on its dominant market share, being the most used web application framework in the world.

The Merkaba wallet seeks to offer a decentralized solution for a range of users on Cardano: 1) new people being onboarded to Cardano via the Mandala dApp, who want a simple and stable wallet solution; 2) anyone already on Cardano who would like a decentralized wallet with the ability to use locally run nodes/indexers; and 3) developers in the Cardano community who may find possible value in this wallet approach and want to integrate it in their own projects.

The value of the wallet will be demonstrated in a number of ways. Its impact will be felt in the long term via community engagement. In terms of users, this relates to how many transactions are done, opt-out/opt-in metrics, etc. In terms of developers, we will be interested to see how it is utilized in future dApp projects; this will be measured by monitoring fork metrics on GitHub. Finally, we will be inviting those developers who use this component and are running their own node to share it with others, thereby supporting the overall Cardano infrastructure. Going forward, we will be providing a decentralized index of participating infrastructure providers.

1. This wallet is integrated with the Mandala project. Members of Mandala will benefit by having this wallet as the project grows on Cardano, to access their NFTs and transact in a decentralized way. The Mandala dApp will feature an Electron wallet built using this React component; this “Merkaba” treasure chest will be appreciated by Mandala members as more dimensions of the game come online.
2. This wallet can uniquely be utilized in any web-based dApp that supports React components like NEXT.js or Vue.js. Developers will benefit from this open-source solution. Its value for Cardano is in supporting development of true dApps.
3. It is also unique in how it allows you to specify your own blockchain infrastructure (e.g., Kupo/Ogmios, Koios, Carp).

This wallet build is associated with the Mandala project, as part of its ongoing initiative on Cardano to support dApp development, develop gameplay on the chain, and raise awareness about decentralization while onboarding new people. For more info on Mandala, see the write-up by the Cardano Foundation: https://developers.cardano.org/blog/2023-06-15-june. 

[IMPACT] Please define the positive impact your project will have on the wider Cardano community

• Specify your own infrastructure for on-chain information and transaction submission!
• The ability not to have to rely on third-party wallet extensions in your dApp
• The ability to create more user-friendly UI/UX interacting with the blockchain, supporting the onboarding of non-crypto-native users

First, this React component is created to run in the user’s space or in the developer’s project directly, helping decentralize their creation. The ability to specify your own infrastructure endpoints helps make the application more resilient to server outages or global events.

Second, instead of depending on the integrity of wallet developers, this component being fully open-sourced offers a fully transparent and trustless environment.

Third, since this is a React component it can be directly used in any project built with web technologies like React, NEXT.js, or Vue.js, which can then be compiled into a desktop or mobile Electron app or use other frameworks like Apache Cordova or just simply hosted by the developer. Developers can customize the look of their wallet utilizing simple CSS.

Currently, Daedalus is the only wallet that runs its own Cardano node for chain information. However, it will only allow you to run this node locally on the computer Daedalus is running on. The React component wallet we are building changes this: in the settings, you can specify your own endpoints to the services it needs (Kupo/Ogmios, Koios, Carp, etc.), which can all run on separate dedicated hardware. We provide a small tool written in bash script that provides a TUI called Noderunner, which helps users in spinning up the services outlined above. For more on Noderunner, see it in action in the Merkaba dApp; documentation can be found on GitHub. 

[CAPABILITY & FEASIBILITY] What is your capability to deliver your project with high levels of trust and accountability? How do you intend to validate if your approach is feasible?

Since Mandala came to Cardano in December 2021, our project has reinvested the revenue from its Sovereigns NFT collection into the Mandala dApp, which allows all NFT holders to stake them and earn rewards but also supports SPOs in a clan-based system aligned with their goals to make a positive difference in the world and thus gain new delegators. We believe in Cardano's eUTXO approach and its future of scalability. We have continued to build and deliver throughout the bear market, with the latest release of the Mandala dApp featuring special collections for increased bonus rewards. The recently updated rewards center now features multiple comics collections for redemption (as on-chain assets).

[PROJECT MILESTONES] What are the key milestones you need to achieve in order to complete your project successfully?

Month 1: Wallet component architecture development, UX/UI design

Acceptance criteria: documentation (GitHub, white paper, etc.)

Months 2 & 3: Wallet component development, UX/UI testing, security testing

Acceptance criteria: Feedback (user feedback on Discord, developer feedback on GitHub, etc.)

Month 4: Beta release, continued UX/UI testing, marketing

Acceptance criteria: Production-ready component, status determined by dev team in collaboration with beta testers

Final milestone: Finished React component available to Cardano developers

Acceptance criteria: Continued tracking of metrics (adoption, transaction volume, GitHub metrics)

[RESOURCES] Who is in the project team and what are their roles?

Mike (Bakon) Nowosielski – Lead Developer, Mandala

https://www.linkedin.com/in/mike-nowosielski-6237051b9/

https://twitter.com/anothervariable

Jon Shanker – CEO, Mandala https://www.linkedin.com/in/jonshanker/ 

Albion M. Butters, PhD – CCO, Mandala https://www.linkedin.com/in/abutters 

Kevin J. Foxe – Executive Producer, Mandala https://en.wikipedia.org/wiki/Kevin_Foxe 

Red Sheehan – Project Consultant https://www.linkedin.com/in/bradleysheehan 

Mike Nowosielski is the lead developer, responsible for all development aspects of the project from conception to release. He has an extensive background in blockchain technologies, coming from Ethereum to Cardano in 2019, being an SPO since the ITN. He is also the lead developer of the Mandala dApp.

As the co-creators of Mandala, Jon Shanker and Albion M. Butters will oversee project management, including writing the white paper and testing within Mandala’s Discord community. Kevin J. Foxe will produce marketing videos for the wider Cardano ecosystem. Veteran blockchain developer Red Sheehan brings valuable experience as an external consultant; additional consultants will be employed for the security audit. 

[BUDGET & COSTS] Please provide a cost breakdown of the proposed work and resources

Project management 10000 ADA

React component development 52000 ADA

Testing 8000 ADA

Documentation 8000 ADA

Security audit 12000 ADA

Electron wallet application 12000 ADA

Marketing 8000 ADA

Feeding the developer 10000 ADA

[VALUE FOR MONEY] How does the cost of the project represent value for money for the Cardano ecosystem?

The budget above reflects the necessary funding for all aspects of development up to product release. The total funding request is justified by the great value of a React component for a decentralized wallet solution being available to the Cardano community, and it also supports the Mandala project to bring its IP and entertainment experiences to the space. Because this wallet can be used by people building robust dApps, it supports the growth and visibility of Cardano.