Vue.js + TypeScript Substrate Front-End Template Project Proposal

[DanHenton]

Project Abstract

When building our app, we have used a very useful existing community template - the Substrate Front End Template from the Substrate Developer Hub. This template is built using React.js and JavaScript. We are proposing to create an alternative version of this template, which would achieve two major outcomes:

• Have an extendable template app, where developers can quickly connect and interface with the Substrate blockchain
• It would be written using TypeScript as opposed to JavaScript.
• It would use Vue.js instead of React.js.

We believe that the combination of TypeScript's strong, static typing, and Vue's simplicity will together serve the purpose of providing an alternative source of very clear examples of how to interface with a Substrate Node from a modern front-end application, which should be of great value to the community.

Grant level

• Level 1: Up to $10,000, 2 approvals
• Level 2: Up to $30,000, 3 approvals
• Level 3: Unlimited, 5 approvals (for >$100k: Web3 Foundation Council approval)

Application Checklist

• The application template has been copied and aptly renamed (project_name.md).
• I have read the application guidelines.
• Payment details have been provided (bank details via email or BTC, Ethereum (USDC/DAI) or Polkadot/Kusama (USDT) address in the application).
• The software delivered for this grant will be released under an open-source license specified in the application.
• The initial PR contains only one commit (squash and force-push if needed).
• The grant will only be announced once the first milestone has been accepted (see the announcement guidelines).
• I prefer the discussion of this application to take place in a private Element/Matrix channel. Our usernames are: @dan:wunderbar.ems.host, @milos:wunderbar.ems.host, @mila:wunderbar.ems.host

[CLAassistant]

All committers have signed the CLA.

[Noc2]

Thanks for the application. Just a reminder that each contributor needs to sign our terms and conditions before I share it with the rest of the team. Apart from this, my main personal concern regarding the application at the moment is that it’s relatively expensive. 20k per month per dev is a lot, and not sure if you actually need three months for the project, given that you can leverage the existing template for your work.

[DanHenton]

Hey, thanks for the reply. All members have signed the cla now. Could we discuss your feedback in a private channel on the element or setup a call? 🙂

[github-actions]

The applicant has requested the discussion of the application to happen in a private chat room.

[Noc2]

Sorry for the late reply and that I previously overlooked the private conversation part of the PR. I created a room and invited you to it. However, I wasn't able to invite @mila:wunderbar.ems.host to the room.

[Noc2]

(I provided additional feedback in the private room)

[DanHenton]

After some decisions, we have decided that we can reduce the total cost of this work by extending the timeline.

[semuelle]

For transparency: I have updated your PR body to reflect the fact that this is now a Level 2 grant.

[keeganquigley]

Thanks for the changes @DanHenton I'm happy to go forward with it.

[semuelle]

Same

[github-actions]

Congratulations and welcome to the Web3 Foundation Grants Program! Please refer to our Milestone Delivery repository for instructions on how to submit milestones and invoices, our FAQ for frequently asked questions and the support section of our README for more ways to find answers to your questions.

Before you start, take a moment to read through our announcement guidelines for all communications related to the grant or make them known to the right person in your organisation. In particular, please don't announce the grant publicly before at least the first milestone of your project has been approved. At that point or shortly before, you can get in touch with us at [email protected] and we'll be happy to collaborate on an announcement about the work you’re doing.

Lastly, please remember to let us know in case you run into any delays or deviate from the deliverables in your application. You can either leave a comment here or directly request to amend your application via PR. We wish you luck with your project! 🚀

[keeganquigley]

Hi @DanHenton please see my comments in the private chat.

[keeganquigley]

Closing grant for now, for reference see private Element chat.