Contracter

• 

  Logging in into the application, using a variety of wallets

• 

  Screen shown, when a contract deployment has been successful

• 

  Deploying a contract, and signing the TX for it

• 

  The Polkadot.JS integration enables easy connection to different chains, and selection of an account from local accounts

• 

  The landing page, which also allows for contract interaction

• 

  The contract editor, similar to Google Forms

Inspiration

I wanted to create something, that is actually usable in the real-world, and leverages the security features of the blockchain technology (mainly digital signatures)

What it does

It gives users a UI, similar to Google Forms to create new Smart Contracts. The full app will be able to generate code from this edited contract. A backend service compiles this code into WASM, and the contract ABI, and this is deployed by the client, using their own signature.

How we built it

We use an NPM monorepo. We used ChatGPT extensively, to create standalone, Bootstrap V5 pages. We created IIFE JS libraries, exposed as global variables for easy integration into these pages. This gives us a complete UX skeleton, that also contains some real implemented logic here-and-there (e.g. login, contract deployment, etc.). We have also containerized the Rust build tooling for ink! contracts, and wrote a simple service for compiling contracts.

Challenges we ran into

Integration of all of these components, although it's only a matter of time. We could not finish the code generator component.

Accomplishments that we're proud of

A relatively complex UX skeleton was created in a short amount of time. We also could make making the video for our submission easier, by creating a simple AI pipeline for writing the script, narrating and visualizing slides.

What we learned

Rust tooling is really heavy for the container, it takes a lot of time to compile contracts on low-end cloud servers. IIFE is a very good format, micro-frontend architecture allows for rapid prototyping. The very nature of web3 libraries also allows us to make SECURE applications this way.

What's next for Contracter

Finishing the contract model, creating the code generator, and optimizing the build pipeline. We also want to fully integrate the contract interactions UI with the deployed contracts, to complete the user experience.

This submission wants to qualify for the Aleph Zero Open Track bounty.

Built With

• docker
• ink
• node.js
• rust