• 

  Homepage + Login

• 

  Screenshots

• 

  The Different Webs

• 

  Technology Stacks

• 

  Usability

• 

  Code Snippet

• 

  Code Snippet

☁️ Inspiration

The inspiration from our app was the world of Web3. In the world, all information is centered in global corporations such as Google and Apple. With Web 3, it centralizes data in the blockchain and thus ownership of data is given back to users, which increases privacy.

👷 How We Built It

• Stacks: Backend for decentralized blockchain-based database
• Typescript: Compiled language used for typing
• React: Frontend framework

🎈 Accomplishments That We're Proud Of

We actually finished it...yay! Other than that, we are very happy on how the finally UI turned out. Almost all the APIs work. The canvas and text were fully implemented, and we believe we succeeded!

📙 What We Learned

We learned a lot of things in this. Firstly, none of us connected to the blockchain network before. This was a major challenge, as the API was very confusing. We used a wrapper called Hiro Wallet for blockchain user addition. In addition to that, connecting React/NodeJS with the crypto was hard. We didn't add all the features we wanted to, but we succeeded in many aspects.

🔜 What's Next For Web3 Canvas

We will add a better UI and more functions.

🎨 Main Functionality

To use this, you need to download the Hiro Wallet extension. Create an account by signing up with google, and you are good! A login window will pop up with the extension when you are on our website, and once you log in, you can draw or write anything! Everything is on the blockchain network, so it is cryptographically impossible to break into.

Built With

• art
• blockchain
• crypto
• node.js
• react
• stacks
• typescript