Quest 5 - Building a Marketplace dApp (Frontend)

Sponsored by
STARTS (GMT +08:00)
ENDS (GMT +08:00)

Learning Outcomes

By the end of this quest, you will be able to:

  • Build a frontend page for a Sui dApp
  • Use the Sui SDK for querying for on-chain information
  • Use the Sui dApp Kit for wallet connectivity as well as signing and executing on-chain transactions

Quest Details


In the final quest of this campaign, we’ll be finishing the second half of our capstone project - creating the frontend of our marketplace dApp! We’ll be learning how we can use the Sui SDK and Sui dApp Kit to create functions that allow users to interact with the smart contract we deployed earlier in Quest 4.

We’ll be covering core concepts when it comes to building a dApp such as enabling wallet connectivity, querying for on-chain data, enabling users to engage with deployed smart contracts, handling fungible token transactions and much more!

Don’t worry if you’re not familiar with frontend development; we’ll be starting from a template project so knowledge of frontend development skills such as Javascript, HTML, CSS and the React framework is not required but more of a good-to-know.

After finishing this quest, we’ll be able to see our capstone project truly come to life, so let’s get started! 🚀

⚠️ Note that you must complete Quest 4 before starting this quest as we’ll be making use of the Package ID and Marketplace ID generated in Quest 4.

For technical help on the StackUp platform & quest-related questions, join our Discord, head to the sui-helpdesk channel and look for the correct thread to ask your question.


This quest has 1 deliverable.

  1. An image of two combined screenshots

This quest is part of a campaign so do check out other quests!

Help Center Need help?

Find articles to support you through your journey or chat with our support team.

Help Center