vvarl0cks/TW-NFTRaffle-App

Simple NFT raffle application where the owner of the contract can put an NFT up to be raffled

🎟 Buidl NFT Raffle App (Blockchain/Web3 App)

Simple NFT raffle application where the owner of the contract can put an NFT up to be raffled. Users can then purchase raffle entries and the owner can then select a random winner. We'll build our own custom raffle smart contract and then built our application.

🌍 Demo

front-end

admin panel

🔗 Network: Sepolia
🎰 URL : https://warlocks-nft-raffle-app.netlify.app

📄 Contracts

• Token Transfer Contract: https://thirdweb.com/watase.eth/LotteryContract
• Smart contract random numbers: https://docs.chain.link/vrf/v2/subscription/examples/get-a-random-number

🎯 Getting Started

Create a project using this example:

npx thirdweb create --template next-typescript-starter

$ npx thirdweb create@latest create app
Need to install the following packages:
  thirdweb@0.10.25
Ok to proceed? (y) 

    $$\     $$\       $$\                 $$\                         $$\       
    $$ |    $$ |      \__|                $$ |                        $$ |      
  $$$$$$\   $$$$$$$\  $$\  $$$$$$\   $$$$$$$ |$$\  $$\  $$\  $$$$$$\  $$$$$$$\  
  \_$$  _|  $$  __$$\ $$ |$$  __$$\ $$  __$$ |$$ | $$ | $$ |$$  __$$\ $$  __$$\ 
    $$ |    $$ |  $$ |$$ |$$ |  \__|$$ /  $$ |$$ | $$ | $$ |$$$$$$$$ |$$ |  $$ |
    $$ |$$\ $$ |  $$ |$$ |$$ |      $$ |  $$ |$$ | $$ | $$ |$$   ____|$$ |  $$ |
    \$$$$  |$$ |  $$ |$$ |$$ |      \$$$$$$$ |\$$$$$\$$$$  |\$$$$$$$\ $$$$$$$  |
     \____/ \__|  \__|\__|\__|       \_______| \_____\____/  \_______|\_______/ 

 💎 thirdweb-cli v0.10.18 💎

• thirdweb Docs: https://portal.thirdweb.com/
• Chakra UI docs: https://chakra-ui.com/getting-started

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

On pages/_app.tsx, you'll find our ThirdwebProvider wrapping your app, this is necessary for our hooks and UI Components to work.

🚀 Deploy to IPFS

Deploy a copy of your application to IPFS using the following command:

yarn deploy

🔬 Learn More

To learn more about thirdweb and Next.js, take a look at the following resources:

• thirdweb React Documentation - learn about our React SDK.
• thirdweb TypeScript Documentation - learn about our JavaScript/TypeScript SDK.
• thirdweb Portal - check our guides and development resources.
• Next.js Documentation - learn about Next.js features and API.

You can check out the thirdweb GitHub organization - your feedback and contributions are welcome!

👥 Join our Discord!

For any questions, suggestions, join our discord at https://discord.gg/thirdweb.

🤖 Warlocks!