artsy-entrepreneurs / cryptoisworthlearning Goto Github PK

Saurabh is not a software developer but has the right geek attitude — get him to go from 0 to 100mph of crypto coding in just 3 quick exercises — so that he can taste blood 😈

Exercise 1 — not so boring html text

Login into https://codepen.io/ by connecting your github account with it.

Goto this pen - https://codepen.io/hugovila/pen/pymXvJ

Notice on top left that this is a "pen" by some user Hugo.

Click on the Fork button in the top menu to create a copy of this pen under your own codepen account.

This new pen, which is your own forked copy, will have a new link. (you will send this link to Sumeet in the last step)

Inspect all the HTML .. CSS .. and JS on the pen.

Make necessary changes such that

• output "Hello World!" .... becomes .... "This was just directly rendered!"
• output "Hello World!!!!!" .... becomes .... "This was created as a component that kept sitting in a variable and was rendered later on"
• output "Hello Hugo Vila!!!!!" .... becomes .... "Get ready for the crypto geek Saurabh!"

Send the link of the new pen to Sumeet after you have finished everything successfully AND have gotten some idea of how the things in this example were working. Then lets talk about what you understood. Followed by how what you learned is connected to crypto-apps-dapps smart contracts etcetera.

Exercise 2 — sexy math and emojis

Play with the output of this pen, see what all stuff it does - https://codepen.io/claudz1/pen/QmdreV

Fork the pen to create your own.

Now, finish as many of the below changes as you can. You probably won't be able to finish them all. Thats okay --

1. Make the reset button appear before the minus and plus button.
2. Allow the minus button to decrement the counter to negative values.
3. Limit the plus button to increment the counter value only upto the integer 4
4. Change the minus button to a hand emoji pointing down, the plus button to a hand emoji pointing up, and change the reset button to a star symbol (or something else of your choice).

Here is some hint for the 4th task --

• There are various icon libraries that people use these days ... like the ones below
• wordpress team's dashicons = https://developer.wordpress.org/resource/dashicons/
• bootstarps font awesome icons = https://fontawesome.bootstrapcheatsheets.com/
• glyphicons = https://www.glyphicons.com/
• ionic icons = https://useiconic.com/open/
• ^ See if some info somewhere in your pen's setting lets you figure which of the icon library is being used by your pen ...
• Maybe then you can search that library to get desired icon ... and then figure out what "variable" or "value" or "class" or "button" you need to change in your pen's code (in either HTML, or CSS, or JS) to finish the 4th task

TASK

Start where you are — build crypto community, with crypto community — make an Oscar worthy movie that is governed by Ethereum smart contracts and an NFT game — imperfection is okay, iterative improvement is a must

DONE WHEN

• point all links on this project's homepage to clear relevant information .. currently they point back to this issue
• reachout to the first 21 potential CryptoMentors to help bootstrap this effort .. find them on twitter and/or discord
• create the first 3 CryptoMentor NFT's on OpenSea .. without gas fees or custom smart contract code .. goal is to learn those things to create the NFT game

CHECKLIST

• item
• item
• item
• item
• item
• item
• item
• item

TASK (from Sumeet's perspective)

Create the first two NFT's without coding, call them Crypto Is Worth Learning, and re-orient the entire project to that approach over the earlier CryptoMentee-CryptoMentor approach

DONE WHEN

• todo

Context

• the original thought of this project was too complex
• it needed a lot of personal context
• and instead of starting work with the awesomest artsy-entrepreneurs I already know I was spending wayyyy too much time trying to share context with TODO.

👇 👇 👇 See the below screenshots for example.