Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove nft markeplace tutorial and replace with low-code-nft #1129

Merged
merged 1 commit into from
Nov 22, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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