diff --git a/README.md b/README.md index 2f313bc..a7b558b 100644 --- a/README.md +++ b/README.md @@ -48,14 +48,9 @@ These tutorials are designed * each tutorial comes with complete solutions to show you how its done in the end. Don't look till you're done! -1 - Integrate metaverse wallet into your dapp with your DID -2 - Issue and transfer MST’s -3 - Issue and transfer MIT’s -4 - learn the metaverse command line -5 - create metaverse wallet plugin -6 - execute coin swaps -7 - create multisig transactions -8 - understanding Metaverse MIPs +1. [Integrate Metaverse wallet into your dapp with your DID](tutorials/1-Metaverse-Wallet) +2. [Issue and transfer MST’s](tutorials/2-Avatars-and-MSTs) +3. [Issue and transfer MIT’s](tutorials/3-MITs) For more information refer to the [Metaverse Documentation](https://docs.mvs.org/docs/) @@ -159,4 +154,4 @@ Metaverse You should see the "blockchain" (from mvs-blockchain-js) and Metaverse (from metaversjs) objects show up in the console. -You should now be fully set up and ready to begin tutorial 1. +You should now be fully set up and ready to begin [tutorial 1](tutorials/1-Metaverse-Wallet). diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..ff472d4 --- /dev/null +++ b/_config.yml @@ -0,0 +1,2 @@ +theme: jekyll-theme-minimal +logo: logo.png \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..64f7569 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,51 @@ + + + + + + + + + + + +
+
+ {% if site.logo %} + Logo +

+ {% endif %} + +

Home

+

Tutorial 1Create Wallet

+

Tutorial 2Avatars and Smart Token

+

Tutorial 3Identifiable Token

+ +
+
+ + {{ content }} + +
+ +
+ + {% if site.google_analytics %} + + {% endif %} + + \ No newline at end of file diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..8c05056 Binary files /dev/null and b/logo.png differ diff --git a/tutorials/1-Metaverse-Wallet/README.md b/tutorials/1-Metaverse-Wallet/README.md index df8debb..acc2b14 100644 --- a/tutorials/1-Metaverse-Wallet/README.md +++ b/tutorials/1-Metaverse-Wallet/README.md @@ -1,3 +1,5 @@ +# Tutorial 1 - Metaverse Wallet + In this tutorial you will learn how to * Create a Metaverse wallet @@ -6,7 +8,7 @@ In this tutorial you will learn how to * Send transactions programatically * Integrate wallet into your dApp -### Introduction +## Introduction Metaverse is a UTXO based blockchain @@ -24,7 +26,7 @@ For more information on UTXO's look here https://komodoplatform.com/whats-utxo/ In Metaverse, as with Bitcoin, you can generate deterministic wallets using by memnonic code words. This gives you multiple addresses you can send and recieve transactions from. -### Hands on Tutorial +## Hands on Tutorial Note: Explicit detailed instructions are given to work with Metaverse, but not always so with HTML elements. If you get stuck with coding HTML elements, you can always refer to w3schools.com @@ -41,7 +43,7 @@ Create front end Open tut1.html and use this HTML front end as the base of your app. ``` -< + @@ -180,7 +182,7 @@ async function sendETP(amount){ } ``` -### Test NodeJS +## Test NodeJS To test your nodejs code, Create a function called run() and make sure it gets executed in the script. @@ -213,7 +215,7 @@ node tut1.js You should see an ETP balance, and a transaction hash in your terminal. You can take the transaction hash and view the transaction in the [Metaverse Testnet Blockchain Explorer](https://explorer-testnet.mvs.org/). -### Connect to Dapp +## Connect to Dapp To interact with metaversejs in your webapp, you need to reference metaversejs in your HTML. @@ -240,3 +242,6 @@ Verify that you have connected metaverse to the webapp by opening the browser co _TODO: Expand upon once metaversjs referencing is completed_ Now connect elements to the js functions and youre done! + +## Whats next? +Continue with the next tutorial and learn how to [issue and transfer Metaverse Smart Token (MST)](../2-Avatars-and-MSTs) \ No newline at end of file diff --git a/tutorials/2-Avatars-and-MSTs/README.md b/tutorials/2-Avatars-and-MSTs/README.md index c4f05cc..c4e2499 100644 --- a/tutorials/2-Avatars-and-MSTs/README.md +++ b/tutorials/2-Avatars-and-MSTs/README.md @@ -1,3 +1,5 @@ +# Tutorial 2 - Avatars and Smart Token + In this tutorial you will learn how to * Register an Avatar @@ -159,7 +161,7 @@ async function transferMST() { ``` -### Connect to your dApp +## Connect to your dApp To interact with metaversejs in your webapp, you need to reference metaversejs in your HTML. @@ -179,6 +181,7 @@ Also reference your tut2.js file. Verify that you have connected metaverse to the webapp by opening the browser console and typing "Metaverse". You should see the Metaverse object come up and look something like - - Next connect elements to the js functions and youre done! + +## Whats next? +Continue with the next tutorial and learn how to work with [Metaverse Identifiable Token (MIT)](../3-MITs) \ No newline at end of file diff --git a/tutorials/3-MITs/README.md b/tutorials/3-MITs/README.md index 93925d1..39c8cb4 100644 --- a/tutorials/3-MITs/README.md +++ b/tutorials/3-MITs/README.md @@ -1,3 +1,5 @@ +# Tutorial 3 - Metaverse Identifiable Token (MIT) + In this tutorial you will learn how to * What an MIT is @@ -7,7 +9,7 @@ In this tutorial you will learn how to * Integrate MIT's into your app -### Introduction +## Introduction What are MIT's MIT stands for Metaverse Identifiable Token. MIT is Metaverse's non-fungible token standard. You can think of them as single Issue Assets with a unique identifying symbol. MIT's can also store a content string. @@ -21,7 +23,7 @@ MIT's can be used to: MIT's can be transferred between avatars. Only Avatars can issue MIT's -### Hands on Tutorial +## Hands on Tutorial First lets create an html front end @@ -141,3 +143,9 @@ Verify that you have connected metaverse to the webapp by opening the browser co ''' ''' Next connect elements to the js functions and youre done! + +## Whats next? + +You have completed the Metaverse Tutorial series. For further information checkout the [examples](https://github.com/antron3000/MetaverseTutorials/tree/master/examples) section or read the official [Metaverse Documentation](https://docs.mvs.org). + +Join the Metaverse developer community today and build amazing dapps. \ No newline at end of file diff --git a/tutorials/4-commaindline/tutorial.md b/tutorials/4-commandline/tutorial.md similarity index 100% rename from tutorials/4-commaindline/tutorial.md rename to tutorials/4-commandline/tutorial.md