desend

• 

  Single Click Payments API for transactions inside the Metaverse

Inspiration

The Metaverse is the next evolution of the Internet thanks to its immersive aspect. However, current payment solutions in the Metaverse have to be done outside virtual reality, impairing immersion. Similar to how stripe revolutionized payments in the browser, we seek to revolutionize payments in VR.

What it does

Our API lets users build VR worlds where its users never have to leave VR to buy something or transfer crypto to other users. The user only needs to sign in with DeSo Identity once and then able to make transactions with a single click inside the Metaverse.

We built our API on top of the DeSo blockchain. We use to DeSo identity for user login and deso-send api for transactions. We built a VR experience demo showcasing our API in WebXR (Built with React-three-fiber and React-XR). We built a landing page for the API in Angular, hosted in google cloud using a domain from domain.com

How we built it

We built the DeSo transaction logic using Typescript, Node.js and Axios The VR demo using WebXR, Three.js, ReactXR. Used Zustand state management to communicate between the VR scene and the DOM The Landing page using Angular.js

Challenges we ran into

The Deso documentation didn't fully explain the program flow for transactions and login, so we had to figure that out ourselves. It was unclear which API endpoints we were supposed to use since different pages used different endpoints to do the same function, and the API endpoints that worked for us were not specified in the documentation at all. We had to find them ourselves. Google App Engine was also a huge pain to figure out. Efficient state management between the VR scene and DOM was tricky since the two different context are unaware of themselves by default

Accomplishments that we're proud of

We were able to get Deso payments to work entirely in VR without switching platforms, which was our main goal for this hackathon. Getting WebXR to work and getting our Angular site to work on Google App Engine was a big accomplishment as well.

What we learned

We learned how to use the Deso API, Angular.js, Google cloud

What's next for desend

We would like to make an easy, plug-and-play solution for all VR developers to implement transaction in their worlds. We intend to do this by making our API more robust and continuously abstracting away non-crucial logic from it.

Built With

• angular.js
• deso
• gcp
• node.js
• react
• typescript
• webxr