Quest

Quest 2: Building an NFT Marketplace dApp (Frontend)

Sponsored by
Back to Campaign
Join us on Discord
STATUS Past
TOTAL REWARDS
$5,500
REWARD AMOUNT
$5
STARTS (GMT +08:00)
ENDS (GMT +08:00)

Learning Outcomes

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

  • Set up a frontend for an Aptos dApp using React, connecting with blockchain-based functionality through wallet adapters.
  • Integrate wallet connection capabilities to allow users to connect their Aptos wallets and view balances securely.
  • Develop an interactive marketplace interface to display and filter NFTs based on rarity, price, and other attributes.
  • Enable NFT minting, buying, and selling functionalities, providing an intuitive experience for managing and transferring digital assets.
  • Implement and manage modals, pagination, and UI feedback mechanisms to create a smooth user experience.
  • Build a personal collection view that allows users to view their owned NFTs, set listing prices, and manage asset details.

Quest Details

Introduction

In this quest, you’ll build a responsive and user-friendly frontend for your NFT marketplace on the Aptos blockchain. Using React and TypeScript, you’ll integrate essential components for interacting with the backend you created in Quest 1. By connecting wallet adapters, implementing a marketplace view, and setting up personal NFT collections, you’ll provide users with a seamless experience to mint, buy, sell, and browse NFTs.

This quest focuses on the hands-on development of a React-based frontend, covering UI components, wallet integration, and blockchain interactions. You’ll implement reusable components and a well-structured layout for users to view and interact with NFTs, manage their collections, and list assets for sale—all while ensuring a secure, connected experience.

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

Prerequisites

⚠️ This campaign will only cover Linux or MacOS platforms. If you are a Windows user, please use GitHub Codespaces for a uniform and streamlined developer experience.

Deliverables

This quest has 2 deliverables.

  1. Screenshot of Completed Survey
  2. Screenshot of Frontend Application

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

More Quests
Help Center Need help?

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

Help Center