Jacob Tucker + Emerald City Proposal

[jacob-tucker]

Hello. This is Jacob Tucker, filling out an issue to initiate this bounty on behalf of myself and Emerald City.

Team Members:
Myself (primarily) and The Education/Building Guilds of Emerald City. This will be community developed as all of our tools have been in the last few months.

Contact Info:
You can reach out to me at jacobtucker818@gmail.com or ping me in Discord (tsnakejake#8364). Additionally, you will be able to see the progress of the development of this bot open-source in our Discord: discord.gg/emeraldcity

Why should we take on this bounty?

I didn't originally see this bounty, but I am honestly most excited about this one. Out of all the bounties/projects, this one is what my passion is and everyone in the Education Guild of Emerald City. I have created a YouTube series that covers an intro to Cadence, which I believe is one of the only or the only Cadence educational series out there (https://www.youtube.com/watch?v=iVevnipJbHo&list=PLvcQxi9WyGdF32YuZABVTx-t3-FsBNCN2)

In addition, I have covered topics across the Flow ecosystem including FCL, creating DApps, etc. On my youtube channel, I have already covered how to create a Fungible Token (https://www.youtube.com/watch?v=Yq_sUARMQ4E&t=1s), how to create a NonFungibleToken contract (https://www.youtube.com/watch?v=bQVXSpg6GE8&t), how to create your first DApp on both Testnet and Emulator (https://www.youtube.com/watch?v=hnmmkIIQDtU&t) so I have experience teaching these topics.

In addition, Emerald City has launched Emerald Academy (https://academy.ecdao.org), which is an educational platform on Flow. We are running bootcamps every month to teach people about Flow and Cadence. Our first bootcamp, which ran last month, taught an entire introduction to Cadence from no knowledge of programming to writing your own NFT contracts. We will continue this bootcamp and more advanced ones as time goes on.

If we could recieve any bounties, I believe we would especially rock this one given our reputation in the educational side of Cadence and our experience teaching these subjects. I also believe Emerald City taking on this task would be fantastic in the long run, since if Emerald Academy aims to be a educational platform or one-stop-shop for education on Flow, it naturally makes sense for us to build something like this out. In fact we have been planning on doing so even before seeing this opportunity :)

I also think Emerald City would be able to provide a well-defined route from learning --> building. The Emerald City Building Guild constantly has projects to work on for bounties of their own. Thus, if people go to our Scaffold repo and play around with some educational material, they can have direct access to all the building we're doing inside the Building Guild (FLOATs, a whitelisting tool, a token minter tool, an NFT voting platform, etc).

Product Requirements Documentation and Tech Spec

Create a simple 1-of-1 NFT
Create a fungible token
Create a fungible token staking contract
Create an NFT collection minting site
Well-organized and maintained documentation to help guide users through the specific projects outlined above

For the first one, does this mean creating an NFT contract? I have YouTube videos already covering this, so we would make progress quickly. And we will build out an online tutorial on a webpage walking through this process as well. In addition, the first bootcamp in Emerald Academy (https://github.com/jacob-tucker/flow-zero-to-jacob) has a thorough explanation of how to create an NFT contract like this.

For the other 3, if you have specific ideas in mind, it would be good to have a bit more descriptive explanation of what each would end up looking like, since there are many ways to mint an NFT, stake tokens, etc. Otherwise we will take this upon ourseleves to figure out the best way to teach them. For each of the projects, we'll have a GitHub repo that is already completed and allows the users to play around with the repo (like changing the name of the token, etc) to quickly get access to a production-ready DApp. Much like the ETH Scaffold example that was provided.

All of these example DApps will be on Flow Emulator with the option to go to look at an example on Flow Testnet as well.

In addition, we'll have tutorials for how we built all of those DApps so they can not only get quick access to a finish DApp, but a learning experience of how we made them.

Lastly, we will have a list of projects to get their hands dirty if they think they want to take on some Flow projects, all offered on behalf of the Building Guild in Emerald City.

[zikewu]

Hi @jacob-tucker Thank you for sending the PRD! Dapper Collectives' engineering team members are reviewing your PRD at the moment. I will get back to you soon!

[markedconfidential]

@jacob-tucker Thank you for your thorough outline of your approach to "scaffold-flow"! On behalf of the Dapper Collectives team, I'm excited to announce that we'd like to award this bounty to you and the Emerald City guilds you plan to bring into the project.

With the initial milestone complete, @zikewu will be reaching out with details on next steps soon. Looking forward to collaborating together with you!

[jacob-tucker]

@markedconfidential @zikewu @deayora

I have some exciting news! We have made some considerable progress on behalf of this bounty.

Our team has designed, built, and written a foundation for "Scaffold-flow". Since Emerald City already has an educational platform called Emerald Academy (https://academy.ecdao.org), we figured it would be a perfect place to integrate all the amazing DApp tutorials that things like Scaffold-eth provided. The reason for this is because the Academy already contains bootcamps and working opportunities for people to move right into once they complete our DApp tutorials. That way our website acts as the "one-stop-shop" for education on Flow, which we figured was a lot cleaner and nicer than a GitHub repository.

Here is our (NOT COMPLETED, BUT A PROTOTYPE) of what this will look like: https://emerald-academy-git-fork-grantcahn-main-jacob-tucker.vercel.app/tutorials/hello-world
Please view this website on a desktop, it is not fully responsive for mobile at the moment.
This is a Hello-World DApp that has instructions on a webpage for the project, a github repo to clone to actually do the project, and an actual DApp built out for it. You can view the DApp here and actually complete it if you want by cloning it onto your computer: https://github.com/emerald-dao/0-hello-world

If you click "Tutorials" at the top of the Academy page, you will see we also have a skeleton for 1-Simple-NFT, and 2-Fungible-Token. Both of these projects are also almost ready to go, and can be found here:
https://github.com/emerald-dao/1-simple-nft
https://github.com/emerald-dao/2-fungible-token

I am submitting these to potentially claim Milestone #2 and Milestone #3 for this month, that way we don't miss the end-of-month deadline. But, of course, if you do not think we have met these requirements, that is totally okay as well, just let us know! 🥳

For Milestone #4, we will finalize all READMEs, styling on the Academy page, DApp tutorials, and add other DApp tutorials as requested by this bounty. All feedback is welcome, thanks so much <3

[jacob-tucker]

Update: We have now nearly finalized our 3 example DApp tutorials.
0-Hello-World : a basic DApp that lets you view and change a greeting (https://github.com/emerald-dao/0-hello-world)
1-Simple-NFT : a DApp that lets you view, mint, and transfer NFTs (https://github.com/emerald-dao/1-simple-nft)
2-Fungible-Token : a DApp that lets you view your balance, mint tokens, and transfer tokens (https://github.com/emerald-dao/2-fungible-token)

Besides some basic styling (primarily the footer), the DApps are done.

For the next phase, we will be adding all of the tutorial READMEs to our academy site as well, and doing our last DApp (3-Token-Staking as requested): https://emerald-academy-git-fork-grantcahn-main-jacob-tucker.vercel.app/tutorials/hello-world

[zikewu]

@jacob-tucker That's some amazing progress! I can't wait to review this with DC team. Please give us a few days to collect feedback and get back to you!

[zikewu]

Hey @jacob-tucker I'm getting 404 error using this link you provided: https://emerald-academy-git-fork-grantcahn-main-jacob-tucker.vercel.app/tutorials/hello-world Can you check if you are seeing the same thing?

[jacob-tucker]

@zikewu Ah sorry about that! We updated the domain: https://emerald-academy-q8rpbygca-emerald-dao.vercel.app/tutorials/hello-world

[deayora]

Thank you @jacob-tucker - Great progress! Notes below - Please let us know if you have any questions!

Highlevel:

• Everything on this site should also be available via Github the same way scaffold-eth is, to make it absolutely easy for more experienced developers to have a single place to dive into: https://github.com/scaffold-eth/scaffold-eth
• The site might feel more approachable, but the Github account/repos are important for engaging certain audiences and increasing the number of repos on Github that contain Cadence
• None of the code blocks included in these tutorials can be highlighted and copied to be pasted in elsewhere by a user — this is a major usability issue. We need these to be reformatted to code blocks to be in a format that can be highlighted and copied.

Product/usability feedback below:

• I think these are great places to start in terms of tutorials.
• Helpful in nav to add an "Important Tools" section where people are directed to Flow emulator, Flow dev wallet, etc 🤔
• Navigation
  -- Add Bootcamps to main nav
  -- Change "Emerald City" to "Emerald City Discord"
  -- Tutorials:
  --- Suggestion to make "Tutorials" more active / clear what output of tutorial is…small, but would be helpful I think for user flow:
  • ie "How To Tutorials" or "Get Programming Now"
  • Hello World DAPP
  • Non fungible token
  • Fungible token
  • Simple Marketplace
• For Hello World DAPP add small explainer of what a "hello world" dapp is….
• Clear sections for each tutorial:
  -- What you'll do:
  -- What you'll create:
  -- What tools you'll use:

Would be powerful to add video tutorials/walkthroughs to these step-by-steps for further/better accesibility.

With some basic UI updates + Github additions + mobile responsiveness + readmes - we will definitely get there soon! Would love to see these mostly implemented to call this milestone complete.

[deayora]

@jacob-tucker note: our team is still reviewing backend code for this and milestone 3! :)

[jacob-tucker]

Great @deayora , thank you! :D We will take all of these into account and get back to you asap

Also I would like to point out the individual READMEs for each tutorial:
https://github.com/emerald-dao/0-hello-world
https://github.com/emerald-dao/1-simple-nft
https://github.com/emerald-dao/2-fungible-token

These might be more along the lines of what you're looking for since it's all in GitHub, but we will continue to maintain both the website and the repos together. We'll create a main Scaffold-flow repo and link out to these individual ones

[deayora]

Awesome - Sounds wonderful! Thanks @jacob-tucker !

[jacob-tucker]

Hi @deayora ! I am back again with some good news :)

We took all of your suggestions into account. To specify, we:

• Created an "Important Resources" section where users can discover key tools and areas of content to learn more about Flow and Cadence
• Made sure all code can be copied off of our tutorial pages
• Changed "Emerald City" to "Emerald City Discord"
• Added "Bootcamps" to the main nav
• Changed the names of some of our DApps to better reflect what they are... ex. Changing "Simple NFT" to "Non Fungible Token"
• Added descriptions of what each tutorial will have you do, what tools they'll use, and what you'll end up with
• Transformed the Emerald Academy repo into the "go-to" hub for education just like Scaffold-ETH. You can see the README here: https://github.com/emerald-dao/emerald-academy NOTE This README will continue to grow as we finalize the overall structure of this bounty and will also grow indefinitely as Emerald Academy expands

The only thing we have not done yet is video walkthroughs of all of the DApps. The reason for this is because we want to make the videos once we have gotten confirmation of Milestone #3 (meaning our tutorials are good and the code is good) so that when we make the videos, they are the most up-to-date version.

You can view all of our progress at this latest deployment: https://emerald-academy-qlrrppdho-emerald-dao.vercel.app/

If you have any suggestions for improvement, please let us know! :D

And we are ready to move on to Milestone #3. All of our DApp tutorials are here:
https://github.com/emerald-dao/0-hello-world
https://github.com/emerald-dao/1-simple-nft
https://github.com/emerald-dao/2-fungible-token

[zikewu]

Hi @jacob-tucker thank you for addressing all the comments. I'm happy to mark phase 3 complete!
I'll reach out to you separately on payment details. We are so close to the finishing line!! 🚀💥

[jacob-tucker]

Hey @zikewu ! Just following up on the bounty to get it over the finish line 🏁

I saw you mentioned above that Milestone 3 is complete, does this also include Milestone 2 (I don't think we had previously completed that one).

Now that the 3 tutorials are complete, we are also in the process of making video guides for all of them too (Hello World, Fungible Token, Non Fungible Token).