Algorand Features and Smart Contracts GUI Demo with AlgoSigner

[Mine77]

Overview

• Short Description: Build a web-based GUI demo to show the basic functionalities of Algorand as well as smart contract templates; integrating the AlgoSigner
• Bounty: 5000 ALGO tokens (US residents will receive USDCa and have to opt-in to receive the asset in their wallet)
• Estimated Time Commitment: 3-4 weeks
• Category: Development and Content
• Experience Level: Advanced
• Status: Open

Description

What's the goal for this task?

We have provided basic functionalities and several Algorand smart contracts templates for easily managing the assets on Algorand. For most of them, we have prepared a tutorial on how to use the SDK to play with them. However, to further illustrate how these functions and contracts can be used in application scenarios, we would like to offer a bounty on building a web-based GUI demo.

For this task, we would like you to build a GUI demo using plain HTML and JS to show all the basic functionalities of Algorand, as well as what can be done with the smart contract templates.

The demo should contain the following functions:

• Wallet (AlgoSigner Integration): https://github.com/PureStake/algosigner
• Sending Transactions
  • ALGO Transfer Transaction: https://developer.algorand.org/docs/features/transactions/
  • ASA Transfer Transaction: https://developer.algorand.org/tutorials/transfer-asset-javascript/
  • Asset Creation Transaction: https://developer.algorand.org/tutorials/create-asset-javascript/
  • Atomic Transfer (A Group of Transactions): https://developer.algorand.org/docs/features/atomic_transfers/
• Smart Contracts
  • Limit Order Contract: https://developer.algorand.org/tutorials/limitorder-contract-javascript/
  • Hash Time Lock Contract: https://developer.algorand.org/tutorials/hash-time-lock-contract-template-javascript/
  • Split Contract: https://developer.algorand.org/tutorials/split-contract-template-javascript/

In addition, we would also like you to write a tutorial document on how to build and use this demo.

What are the requirements for the bounty taker?

• Experience with frontend development; especially using the VUE framework
• Experience with development on Algorand; or a quick learner
• Ability to write technical documents

What are the deliverables?

1. GUI Demo

Description

• The project should be based on plain HTML and JS, without using any front-end frameworks (makes it easier for developers to learn about the usage of the functions)
• Build Promise based functions
• The user of the demo should interact with all the functions through basic forms and buttons; necessary information should be prompted upon each interaction (e.g. showing the TxID after the transaction is sent or confirmed)
• All the functions can be placed in a single HTML file or separated into several files based on the functions
• There should be clear comments in the codes that explain each of the functions
• The whole project should be placed in a GitHub repo
• The project should be under MIT license

Judging Criteria and Metrics

• The demo should be fully functional
• General Quality of the code

2. Tutorial Document

Description There should be 2 markdown documents:

1. The project should have a simple readme that shows how to start and configure the project.

2. A tutorial document that explains how each of the functions is realized: what are the workflows; what parameters are needed for the functions. Submit your blog post following these steps:

   • [ ] Create an account in the Developer Portal
   • [ ] Complete your profile
   • [ ] Select Blog from the left sidebar in Admin Dashboard
   • [ ] Click New Blog Post
   • [ ] Fill in the title and content. Upload a featured image.
   • [ ] When you’re done writing, click Save as Draft to preview or click Submit to publish
   • [ ] Check the appropriate boxes in the authorization modal and click Submit
   • [ ] Send a message on the Gitcoin bounty that you've published a blog post together with your username so the Algorand team can review it

Other Requirements

For questions, reach out to Algorand on Discord.

• Taking this bounty task means you have agreed to our Bounty Agreement terms and policies.
• All project codes should be published on GitHub, with MIT license or Apache V2 license.
• All contributions/PRs to public (Algorand) repositories should be open source and should follow the contributions rules of the relevant repository.
• All non-codes documents should be using Markdown format.
• In the project description or repository readme, there should be a proper security notice. E.g., it should tell the visitor the project is not audited and should not be used in a production environment.
• You are not eligible to receive additional rewards through other Algorand programs like the developer ambassadors program.

[sherlockhouse]

围观一下

[Mine77]

@sherlockhouse 不认领一个？

[sherlockhouse]

@Mine77 超纲了，非前端，android开发

[Mine77]

@sherlockhouse 可以，让我想想有没有安卓可以做的东西

[TiffWang]

我想申请此任务，我们团队做过Algorand钱包的相关研究，开发了基于algorand的钱包Demo。功能包括: 钱包地址生成、自定义代币、转账等

[Mine77]

@TiffWang 好的，幸苦。可以添加下我的微信方便后续沟通：438937928

[Mine77]

Bounty is re-opened due to no update by previous bounty taker.

[jwdixon]

Hello, I meet the requirements and would like to accept assignment of the bounty.

[Mine77]

great. Will assign this issue to you and looking forward to your progress.

[jwdixon]

Sorry for the delay on this, I had various personal issues come up in May. I should be done very soon.

[Mine77]

@jwdixon No problem. Just fyi we might migrate this bounty to gitcoin by the end of this month. Once we do we may need to apply their again and continue to submit your work their.

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

This issue now has a funding of 5000.0 ALGO (5200.0 USD @ $1.04/ALGO) attached to it.

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
  • Want to chip in? Add your own contribution here.
  • Questions? Checkout Gitcoin Help or the Gitcoin's Discord
  • $1,953,996.54 more funded OSS Work available on the Gitcoin Issue Explorer

[Mine77]

Hi @jwdixon We have moved this bounty to Gitcoin and will continue the management of this bounty there. Please go to this link and apply for taking the bounty in 10 days. Otherwise, we may reopen this bounty for others. Sorry for the inconvenience and thank you for the collaboration.

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Work has been started.

These users each claimed they can complete the work by 265 years, 5 months from now. Please review their action plans below:

1) bakoushin has applied to start work _(Funders only: approve worker | reject worker)_.

Hey! I'm an experienced software engineer, recently winning 3d place in another Hackathon here on GitCoin. Would like to work on this task.

My in-depth skills include JavaScript, browser API, smart contracts, and many more. I'm not familiar with Algorand infrastructure at the moment, but I'm eager to learn.

My GitHub: https://github.com/bakoushin

Example of my writing: https://medium.com/p/run-a-self-driving-car-using-javascript-and-tensorflow-js-8b9b3f7af23d?sk=549ee7230aa2b05fead0e68210982cf8 2) 0xkarl has applied to start work _(Funders only: approve worker | reject worker)_.

Perfect time to finally learn Algorand tech! I love building frontends to demonstrate the capabilities of a blockchain stack, most recently https://github.com/0xkarl/vega-quicktrader for vega trading platform. Looking forward to building the said frontend for Algorand. 3) jwdixon has been approved to start work.

I am currently assigned this bounty over on Github and would like to apply here.

Currently completed:

• AlgoSigner integration
• Algo Transfer
• ASA Transfer
• ASA Creation
• Atomic Transfer
• Limit Order

Pending

• HTLC
• Split
• Code cleanup / project config / associated tutorial

Thanks!

Learn more on the Gitcoin Issue Details page.

[jwdixon]

Hi @jwdixon We have moved this bounty to Gitcoin and will continue the management of this bounty there. Please go to this link and apply for taking the bounty in 10 days. Otherwise, we may reopen this bounty for others. Sorry for the inconvenience and thank you for the collaboration.

Done, thank you!

[gitcoinbot]

@beytutasci Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Work for 5000.0 ALGO (5200.0 USD @ $1.04/ALGO) has been submitted by:

---

• Learn more on the Gitcoin Issue Details page
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin's Discord
• $2,272,502.36 more funded OSS Work available on the Gitcoin Issue Explorer

[Mine77]

@jwdixon Hi thanks for the submission. I've reviewed your work and everything looks so awesome to me!

However, according to description, for the full rewards there is still a deliverable that you might need to work on a bit. For deliverable 2, aside of the Readme.md, we would also need you submit a tutorial articles to our developer portal:

A tutorial document that explains how each of the functions is realized: what are the workflows; what parameters are needed for the functions. Submit your blog post following these steps:

Create an account in the Developer Portal Complete your profile Select Blog from the left sidebar in Admin Dashboard Click New Blog Post Fill in the title and content. Upload a featured image. When you’re done writing, click Save as Draft to preview or click Submit to publish Check the appropriate boxes in the authorization modal and click Submit Send a message on the Gitcoin bounty that you've published a blog post together with your username so the Algorand team can review it

I strongly recommend you to complete this part as well to claim the full rewards. However if for any reason you cannot deliver this part, we can also consider to give you a partial reward.

[jwdixon]

@Mine77 Oh, sorry. I submitted this under “Solutions” in the Algorand Developer Portal, by clicking “Create Publication” and then “Solution”, and then I submitted it for review. I can’t find the workflow you’re referencing in the bounty.

[Mine77]

@jwdixon Let me check the backstage and come back to you. Thank you.

[jwdixon]

I have resubmitted the article with the changes you requested.

[Mine77]

Your article is in the process of final review. It should be published soon and tokens will be sent to you via gitcoin.

On Mon, Jul 5, 2021 at 9:55 PM JW Dixon @.***> wrote:

I have resubmitted the article with the changes you requested.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/algorandfoundation/grow-algorand/issues/4#issuecomment-874132577, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACZ4HJ6TD2KYKJ3GTJM4W3TTWG2UNANCNFSM4RA3U7UQ .

[jwdixon]

Hey there, I sent an email to you with some fixes and a response to your colleague, I just want to make sure you received it.

[Mine77]

@jwdixon hi, I haven't received your email and also I don't get any reply from the email I sent you so I took you haven't received mine either. We still need some improvements on the article from you. I'll leave the message in the comment box of that article.

[jwdixon]

I’ve resent the email, thank you.