Web3 Masterclasses – POC Template

This is a simple starter template for non-technical founders taking part in the Algorand Web3 Masterclasses. It includes:

• Wallet connection
• Transfer ALGO
• NFT minting
• Minting your own token

Use this to test ideas and enhance your first Web3 proof of concept on Algorand — no coding experience needed.

🌟 How To Get Started Instructions

Fork the Repo:

To create your own copy of this repository:

a. Go to the GitHub Repository:

• Navigate to the main page which is the current one your on.

b. Click the "Fork" Button:

• In the top-right corner of the page, click the Fork button. This will create a copy of the repository under your GitHub account.

c. Wait for the Forking Process to Complete:

• GitHub will take a few moments to create the fork. Once complete, you’ll be redirected to your newly created fork.

Forking.mp4

🚀 Start with Codespaces

This is the fastest way to get up and running!

1. Create a Codespace:

   • Click the green "Code" button at the top right of your forked repo.
   • Select "Create codespace on main".
   • Once your Codespace is fully loaded, you are ready to go!

Pro Tip: GitHub Codespaces is included with free accounts but comes with a monthly limit of 60 hours.

To avoid losing your progress, be sure to commit your changes regularly — just like shown in the video demo below — so your updates are saved to your forked repository.

(TBA)

Project Structure Simplified

• src/ — Frontend code (The webpage)
• src/App.tsx — Main app layout and routing (TBD)
• src/components/Transact.tsx — Simple transfer ALGO logic (Provided to you thanks to AlgoKit)
• src/components/NFTmint.tsx — Simple NFT minting interface (Provided with this Web3 Masterclasses Template)
• src/components/Tokenmint.tsx — Simple Token minting interface (Provided with this Web3 Masterclasses Template)

Reference Guide

Need more help? See the Masterclass Reference Guide for step-by-step instructions, AI prompts, and troubleshooting tips:

View the guide