Skip to content

Commit

Permalink
Merge branch 'doc2' of github.com:Concordium/concordium.github.io int…
Browse files Browse the repository at this point in the history
…o doc2
  • Loading branch information
TinaKT committed Nov 22, 2024
2 parents 642b3ee + 8dde738 commit e5f3696
Show file tree
Hide file tree
Showing 70 changed files with 61 additions and 344 deletions.
8 changes: 3 additions & 5 deletions source/mainnet/conf.py
Original file line number Diff line number Diff line change
Expand Up @@ -432,9 +432,9 @@
"./net/guides/create-proofs": "docs/network/guides/create-proofs.html",
"./net/web3-id/concordia": "docs/network/web3-id/concordia.html",
"./net/guides/run-local-chain": "docs/network/guides/run-local-chain.html",
"./net/guides/low-code-nft-marketplace/introduction": "docs/network/low-code-nft-marketplace/introduction.html",
"./net/guides/low-code-nft-marketplace/marketplace": "docs/network/low-code-nft-marketplace/marketplace.html",
"./net/guides/low-code-nft-marketplace/minting-tool": "docs/network/low-code-nft-marketplace/minting-tool.html",
"./net/guides/low-code-nft-marketplace/introduction": "tutorials/low-code-nft-marketplace/introduction.html",
"./net/guides/low-code-nft-marketplace/marketplace": "tutorials/low-code-nft-marketplace/marketplace.html",
"./net/guides/low-code-nft-marketplace/minting-tool": "tutorials/low-code-nft-marketplace/minting-tool.html",
"./net/indexers/intro": "docs/network/indexers/intro.html",
"./net/indexers/suoquery": "docs/network/indexers/subquery.html",
"./net/nodes/node-requirements": "docs/network/nodes/node-requirements.html",
Expand Down Expand Up @@ -499,8 +499,6 @@
"./smart-contracts/tutorials/fungible-tokens/index": "tutorials/fungible-tokens/index.html",
"./smart-contracts/tutorials/fungible-tokens/smart-contract": "tutorials/fungible-tokens/smart-contract.html",
"./.smart-contracts/tutorials/fungible-tokens/mint-xfer": "tutorials/fungible-tokens/mint-xfer.html",
"./smart-contracts/tutorials/nft-marketplace-tokens/index": "tutorials/nft-marketplace/index.html",
"./smart-contracts/tutorials/nft-marketplace-tokens/smart-contract": "tutorials/nft-marketplace/smart-contract.html",
"./smart-contracts/tutorials/eSealing/index": "tutorials/eSealing/index.html",
"./smart-contracts/tutorials/eSealing/eSealing-dapp": "tutorials/eSealing/eSealing-dapp.html",
"./smart-contracts/tutorials/sponsoredTransactions/index": "tutorials/sponsoredTransactions/index.html",
Expand Down
1 change: 0 additions & 1 deletion source/mainnet/docs/help-and-faq/snippets/tokens.rst
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,3 @@
- `multi contract <https://github.com/Concordium/concordium-rust-smart-contracts/blob/main/examples/cis2-multi/src/lib.rs>`_
- :ref:`nft-index`
- :ref:`sft-index`
- :ref:`nft-marketplace-index`
1 change: 0 additions & 1 deletion source/mainnet/docs/index.rst
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,6 @@ Explore our developer resources, including detailed documentation, tutorials, an
Run a node on Concordium <network/nodes/node-requirements>
Use Concordium's ID layer <network/web3-id/index.rst>
Run a local chain <network/guides/run-local-chain.rst>
Concordium low-code NFT framework <network/low-code-nft-marketplace/introduction.rst>
Indexers <network/indexers/intro.rst>


Expand Down
2 changes: 1 addition & 1 deletion source/mainnet/net/guides/new-to-concordium.rst
Original file line number Diff line number Diff line change
Expand Up @@ -73,4 +73,4 @@ Getting started with Concordium

.. dropdown:: I want to make an NFT marketplace

See the :ref:`NFT marketplace tutorial<nft-marketplace-index>`.
See the :ref:`NFT marketplace tutorial<low-code-nft-mp-intro>`.
1 change: 0 additions & 1 deletion source/mainnet/smart-contracts/snippets/tokens.rst
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,3 @@
- `multi contract <https://github.com/Concordium/concordium-rust-smart-contracts/blob/main/examples/cis2-multi/src/lib.rs>`_
- :ref:`nft-index`
- :ref:`sft-index`
- :ref:`nft-marketplace-index`
4 changes: 2 additions & 2 deletions source/mainnet/tutorials/index.rst
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ Advanced Applications
Learn how to create decentralized solutions for voting and NFT trading.

* :ref:`Voting dApp <voting-dapp>` - Build a complete voting system
* :ref:`NFT Marketplace <nft-marketplace-index>` - Create a marketplace for trading NFTs
* :ref:`Low Code NFT Marketplace <low-code-nft-mp-intro>` - Create a marketplace for trading NFTs

Document Sealing
----------------
Expand Down Expand Up @@ -88,7 +88,7 @@ Additional Resources
nft-minting/index
sft-minting/index
fungible-tokens/index
nft-marketplace/index
Concordium low-code NFT framework <./low-code-nft-marketplace/introduction.rst>
eSealing <./eSealing/index>
Sponsored Transactions <./sponsoredTransactions/index>
Smart Contract Upgrade <./smartContractUpgrade/index>
Expand Down
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.. include:: ../../../variables.rst
.. include:: ../../variables.rst

.. _low-code-nft-mp-intro:

Expand Down

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.. include:: ../../../variables.rst
.. include:: ../../variables.rst

.. _minting-tool:

Expand Down Expand Up @@ -43,7 +43,7 @@ Once you have the above installed, do the following:
cd Low-Code-NFT-Framework/mint-ui && yarn install
.. image:: ../images/low-code-nft-framework/minting-tool-clone-repo.png
.. image:: images/minting-tool-clone-repo.png
:width: 100%
:alt: black screen of code editor with terminal window open at bottom

Expand All @@ -55,7 +55,7 @@ Once you have the above installed, do the following:
It will start the minting screen in the example dApp in ``localhost:3000`` automatically, starting with the dashboard page.

.. image:: ../images/low-code-nft-framework/minting-tool.png
.. image:: images/minting-tool.png
:width: 100%
:alt: minting tool front page

Expand Down Expand Up @@ -109,19 +109,19 @@ Concordium provides a `library of sample images you can download <https://github

#. When your platform is up and running, click **DEPLOY NEW** to mint your brand-new NFTs as shown below.

.. image:: ../images/low-code-nft-framework/minting-tool-deploy-new.png
.. image:: images/minting-tool-deploy-new.png
:width: 100%
:alt: minting tool screen with deploy new button

#. The wallet pops up and asks for your signature. Click **Sign & Submit**.

.. image:: ../images/low-code-nft-framework/minting-tool-wallet-sign.png
.. image:: images/minting-tool-wallet-sign.png
:width: 100%
:alt: minting tool screen with wallet screen pop up

#. You will see the figure below, since you are going to provide the metadata.json file, you don't need to use the connect Pinata function. Click **SKIP**.

.. image:: ../images/low-code-nft-framework/minting-tool-skip-pinata.png
.. image:: images/minting-tool-skip-pinata.png
:width: 100%
:alt: minting tool screen with connect to pinata shown

Expand Down Expand Up @@ -157,7 +157,7 @@ Concordium provides a `library of sample images you can download <https://github

Since IPFS and Pinata are widely used in the space, the Concordium NFT Minting Tool has built-in integration with them. To use this functionality create an API key on the platform and copy it.

.. image:: ../images/low-code-nft-framework/pinata.png
.. image:: images/pinata.png
:width: 100%
:alt: pinata screen shown

Expand All @@ -169,43 +169,43 @@ Concordium provides a `library of sample images you can download <https://github

#. In the Connect Pinata screen paste your API key and click **CONNECT**.

.. image:: ../images/low-code-nft-framework/connect-pinata.png
.. image:: images/connect-pinata.png
:width: 100%
:alt: nft marketplace connection screen after clicking mint

#. Once connected, upload images either by selecting them from a folder or just dragging and dropping them. You are not limited to uploading 1-2 images, and thanks to the template, the metadata generator is easier than creating for one metadata file for every item.

.. image:: ../images/low-code-nft-framework/upload-images.png
.. image:: images/upload-images.png
:width: 100%
:alt: screen showing multiple image selection

**Mint NFT collection**

#. Set your token IDs and click **Upload** for each.

.. image:: ../images/low-code-nft-framework/upload-set-token-id.png
.. image:: images/upload-set-token-id.png
:width: 100%
:alt: images uploaded and need id before creation

The template's backend will use your API key to upload the data, and retrieves the IPFS link of it and then you will just complete the details about your tokens as described in the next step.

.. image:: ../images/low-code-nft-framework/fetch-pinata-metadata.png
.. image:: images/fetch-pinata-metadata.png
:width: 100%
:alt: images after data fetched

#. Add data to them and the marketplace will create metadata for you when you click **CREATE** for each of the tokens. Specify the quantity as **1** and click **DONE**.

.. image:: ../images/low-code-nft-framework/edit-metadata-create.png
.. image:: images/edit-metadata-create.png
:width: 50%
:alt: editing metadata and create option for each image

.. image:: ../images/low-code-nft-framework/metadata-nearly-complete.png
.. image:: images/metadata-nearly-complete.png
:width: 100%
:alt: editing metadata

#. Click **MINT**. Your |bw| prompts you to click **Sign and Submit** to approve the transaction and mint your NFTs.

.. image:: ../images/low-code-nft-framework/mint-w-wallet-popup.png
.. image:: images/mint-w-wallet-popup.png
:width: 100%
:alt: mint option shown in background dimmed with wallet popup visible

Expand All @@ -221,12 +221,12 @@ Concordium provides a `library of sample images you can download <https://github

Minting is the same as the previous sections: you need to specify your contract instance address as shown below and click **FIND**.

.. image:: ../images/low-code-nft-framework/mint-from-contract-index.png
.. image:: images/mint-from-contract-index.png
:width: 100%
:alt: prepare to mint tokens from an existing contract by entering contract address

It will check if the contract has some unique CIS-2 methods, like the ``supports()`` function which means the contract is compliant with CIS-2. Basically, you are checking whether the contract is a token contract or not. If you are the owner, you will be able to mint your new tokens exactly :ref:`as in the previous sections<mint-w-metadata>`. If you are not the owner of the contract, then you will end up with the error shown below.

.. image:: ../images/low-code-nft-framework/mint-error.png
.. image:: images/mint-error.png
:width: 100%
:alt: error shown if you are not the owner of the contract you are executing
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
25 changes: 0 additions & 25 deletions source/mainnet/tutorials/nft-marketplace/index.rst

This file was deleted.

Loading

0 comments on commit e5f3696

Please sign in to comment.