Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kelvin-1013/web3-projects


https://github.com/kelvin-1013/web3-projects

Last synced: about 3 hours ago
JSON representation

Awesome Lists containing this project

README 

        
# Awesome Web3 Projects



Welcome to the Awesome Web3 Projects repository! This is a handpicked collection of inspiring and educational Web3 projects, perfect for those who are new to the ecosystem or those looking to expand their understanding. If you're new to Web3, don't worry – there's plenty to learn and a great community ready to help. So, let's dive in!



---



### Build a Web3 App with Solidity + Ethereum Smart Contracts



![🛠️ Build a Web3 App with Solidity + Ethereum Smart Contracts](/projects/smart-contracts-etherium.webp)



Learn some Solidity, write and deploy a smart contract to the blockchain, and build a Web3 client app to interact with your contract. Perfect for hackers curious about crypto.



⚡️ Tech Stack: Smart Contracts, Solidity, Ethereum



[🔗 Link to the project](https://buildspace.so/p/build-solidity-web3-app)



---



### Mint your own NFT collection and ship a Web3 app to show them off



![Mint your own NFT collection and ship a Web3 app to show them off](/projects/mint-your-own-nft.webp)



Programmatically generate your own NFT collection, write and deploy a smart contract in Solidity, and build your own React dApp to let friends connect their wallets and interact with your NFTs.



⚡️ Tech Stack: NFT, Web 3.0



[🔗 Link to the project](https://buildspace.so/p/mint-nft-collection)



---



### Build your own DAO with just Javascript



![Build your own DAO with just Javascript](/projects/build-dao-with-javascript.webp)



Build a DAO for any purpose you like, learning about minting a membership NFT, creating/airdropping a token, public treasuries, and governance using a token.



⚡️ Tech Stack: DAO, Javascript



[🔗 Link to the project](https://buildspace.so/p/build-dao-with-javascript)



---



### Build a Web3 app on Solana with React and Rust



![Build a Web3 app on Solana with React and Rust](/projects/solana-web3-app.webp)



Pick up some Rust, write and deploy a Solana program, and connect it all back to a React web3 app that anyone with a Solana wallet will be able to interact with.



⚡️ Tech Stack: Solana, React, Rust



[🔗 Link to the project](https://buildspace.so/p/build-solana-web3-app)



---



### Ship your own custom NFT collection on Solana w/ Metaplex in a weekend



![Ship your own custom NFT collection on Solana w/ Metaplex in a weekend](/projects/custom-nft-on-solana.webp)



Generate your own custom NFTs and then build a storefront for someone to connect their wallet and mint your epic NFTs. All you need to know is React.



⚡️ Tech Stack: Solana, NFT



[🔗 Link to the project](https://buildspace.so/p/ship-solana-nft-collection)



---



### Build your own domain service on a Ploygon L2 in a weekend



![Build your own domain service on a Ploygon L2 in a weekend](/projects/domain-service-on-polygon.webp)



Write a smart contract in Solidity, deploy to a layer 2 blockchain on Polygon, and build a React app to let your friends connect their wallets and create their domains.



⚡️ Tech Stack: Polygon



[🔗 Link to the project](https://buildspace.so/p/build-polygon-ens)



---



### Build your own store with Solana Pay



![Build your own store with Solana Pay](/projects/projects/solana-pay.webp)



Cryptocurrencies. You've seen them make your money disappear. How about using them to make money appear? This is a chill weekend project where you'll build your own store using Solana Pay. No Rust knowledge required. Learn how to take payments directly on the blockchain via wallets by hacking around on your own store app. No payment processors here.



⚡️ Tech Stack: Solana



[🔗 Link to the project](https://buildspace.so/p/build-solana-pay-store)



---



### Build your own NFT collection on Flow



![Build your own NFT collection on Flow](/projects/build-nft-collection.webp)



Learn Cadence and build an NFT collection on Flow! This is a short and async weekend project for curious devs that want to get started on Flow. You’ll learn how to write and deploy your first Flow smart contract using Cadence, build a web3 React app and connect them all together to let people connect their wallet and mint NFTs.



⚡️ Tech Stack: NFT



[🔗 Link to the project](https://buildspace.so/p/nfts-on-flow)



---



### Build your own web3 Twitter dApp with Solidity



![Build your own web3 Twitter dApp with Solidity](/projects/build-web3-twitter.webp)



Web2 social networks are irrelevant, instead learn how to build your own Web3 Twitter Clone dApp from scratch.



⚡️ Tech Stack: Solidity, dApp, Web3



[🔗 Link to the project](https://metaschool.so/course/build-your-own-web3-twitter-dapp-with-solidity)



---



### Launch your own token on Polygon Network in 30 mins



![Launch your own token on Polygon Network in 30 mins](/projects/launch-token-on-polygon.webp)



Why buy tokens when you can make your own? This dope project shows you how to create your own token in 30 mins in an easy step-by-step process.



⚡️ Tech Stack: Token, Polygon



[🔗 Link to the project](https://metaschool.so/course/launch-your-own-token-on-polygon-network-in-30-mins)



---



### Creating NFTs using different token standards



![Creating NFTs using different token standards](/projects/nft-using-different-token.webp)



A closer look at different token standards for NFTs namely ERC721, ERC721A and ERC1155 and understanding differences, optimizations and opportunities.



⚡️ Tech Stack: NFT



[🔗 Link to the project](https://metaschool.so/course/creating-nfts-using-different-token-standards)



---



### Writing your first Hello World contracts in Solidity



![Writing your first Hello World contracts in Solidity](/projects/contract-on-solidity.webp)



This is a beginner level project for anyone looking to start in web3 space.



⚡️ Tech Stack: Web3, Solidity



[🔗 Link to the project](https://metaschool.so/course/writing-your-first-hello-world-contract-in-solidity)



---



### How to write a smart contract and mint Elon Musk NFT on OpenSea



![How to write a smart contract and mint Elon Musk NFT on OpenSea](/projects/elon-musk-nft.webp)



In this tutorial for beginners, we are going to be writing a smart contract and learn how we can use the standard for non-fungible tokens ERC 721 to mint an image of Elon Musk programmatically.



⚡️ Tech Stack: NFT, Smart Contracts



[🔗 Link to the project](https://metaschool.so/course/how-to-write-a-smart-contract-and-mint-elon-musk-nft-on-opensea)



---



### Create a Horoscope Web3 NFT Application



![Create a Horoscope Web3 NFT Application](/projects/horoscope-web3.webp)



A super project to take you from scratch and help you build your first ever minting application.



⚡️ Tech Stack: Web3, NFT



[🔗 Link to the project](https://metaschool.so/course/create-a-horoscope-web3-nft-application)



---



### Launch your own epic NFT marketplace



![Launch your own epic NFT marketplace](/projects/EPIC-NFT-MARKETPLACE.webp)



This dope project will help you launch your own NFT marketplace, and understand how NFT minting smart contracts are created and run.



⚡️ Tech Stack: Smart Contracts, NFT



[🔗 Link to the project](https://metaschool.so/course/launch-your-own-epic-nft-marketplace)



---



### Add MetaMask connect button to your react app



![Add MetaMask connect button to your react app](/projects/metamask-connect-button.webp)



A mini project to help you add connect MetaMask wallet functionality in your app.



⚡️ Tech Stack: Metamask, React



[🔗 Link to the project](https://metaschool.so/course/add-metamask-connect-button-to-your-react-app)



---



### How to Create an NFT Gallery



![How to Create an NFT Gallery](/projects/create-nft-gallery.png)



In this tutorial, you will learn how to develop an NFT gallery that displays NFTs by wallet address and smart contract address.



⚡️ Tech Stack: NFT



[🔗 Link to the project](https://docs.alchemy.com/docs/how-to-create-an-nft-gallery)



---



### Build a solana wallet



![Build a solana wallet](/projects/build-solana-wallet.png)



You're about to learn how to develop a wallet for the Solana protocol. As you build, we'll dive into some of the fundamentals of Web 3 so you can start cultivating an understanding for blockchain technology and decentralized applications (dApps).



⚡️ Tech Stack: Solana, dApps, Blockchain



[🔗 Link to the project](https://learn.figment.io/tutorials/solana-wallet-intro)



---



### Build a Mirror Clone



![Build a Mirror Clone](/projects/build-a-mirror-clone.jpg)



The goal of this tutorial is to introduce the Web 3 development process in the context of a full stack decentralized application. Specifically, we’ll be bridging you from Web 2 to Web 3 by building a blog similar to Mirror using a Web 3 stack.



⚡️ Tech Stack: Web3



[🔗 Link to the project](https://learn.figment.io/tutorials/mirror-clone-introduction)



---



### Connect APIs to your Smart Contracts using Chainlink: ( How to create a Dynamic NFT)



![Connect APIs to your Smart Contracts using Chainlink: ( How to create a Dynamic NFT)](/projects/connect-api-to-smart-contracts.png)



Learn how to build a Dynamic NFT that changes based on market data using Chainlink Oracles that pull data from external sources into a smart contract.



⚡️ Tech Stack: Smart Contracts, API, Chainlink



[🔗 Link to the project](https://docs.alchemy.com/docs/5-connect-apis-to-your-smart-contracts-using-chainlink)



---



### How to Build a Staking Dapp



![How to Build a Staking Dapp](/projects/build-stalking-application.jpg)



In this tutorial, you will learn how to develop a simple staking dApp with interest accural, slashing, and deposit/withdraw functionality.



⚡️ Tech Stack: dApps



[🔗 Link to the project](https://docs.alchemy.com/docs/how-to-build-a-staking-dapp)



---



### How to Build an NFT Marketplace from Scratch



![How to Build an NFT Marketplace from Scratch](/projects/build-nft-marketplace.jpg)



This tutorial teaches you how to build your own NFT marketplace from scratch: frontend, data storage, and smart contracts!



⚡️ Tech Stack: Smart Contracts, NFT



[🔗 Link to the project](https://docs.alchemy.com/docs/how-to-build-an-nft-marketplace-from-scratch)



---



### How to Build a Token Swap Dapp With 0x API



![How to Build a Token Swap Dapp With 0x API](/projects/build-a-token-swap-dapp.jpg)



Learn how to build a token swapping dapp (a simple Matcha.xyz) using the 0x swap API endpoint. This app aggregates liquidity across the greater DEX ecosystem and surfaces the best price to the user.



⚡️ Tech Stack: dApps



[🔗 Link to the project](https://docs.alchemy.com/docs/how-to-build-a-token-swap-dapp-with-0x-api)



---



### How to Create a Decentralized Twitter with Lens Protocol



![How to Create a Decentralized Twitter with Lens Protocol](/projects/twitter-with-lens-protocol.png)



There's been a lot of discussions lately about how much control social media giants like Facebook and Twitter have. Regardless of what your opinion on it is, I'd like to share an experiment with you that is super exciting.



⚡️ Tech Stack: Web3, Next.js



[🔗 Link to the project](https://docs.alchemy.com/docs/how-to-create-a-decentralized-twitter-with-lens-protocol)



---



### Your First Dapp (start from scratch and learn how to launch your first dapp!)



![Your First Dapp](/projects/build-first-dapp.jpg)



Developing your first dapp might seem like a cumbersome process. However, with the right tools and guidance, you'll be able to launch your first dapp quickly!



⚡️ Tech Stack: dApps



[🔗 Link to the project](https://docs.moralis.io/docs/your-first-dapp)



---



### Build Web3 Unity Game | NFT FPS Shooter Blockchain Game using moralis, Unity, C#



![Build Web3 Unity Game | NFT FPS Shooter Blockchain Game using moralis, Unity, C#](/projects/web3-unity-game.jpg)



This video is a walkthrough on the Web3 Space Game project created with Unity and Moralis. You will be able to claim a Moralis NFT if you defeat all the enemies and also the Final Boss! 😄



⚡️ Tech Stack: Web3, NFT, Blockchain, Moralis, Unity, C#



[🔗 Link to the project](https://www.youtube.com/watch?v=KBmaji1E2LY)



---



### Build Web3.0 Netflix App using Web3 UIKit, React, Moralis and Solidity



![Build Web3.0 Netflix App using Web3 UIKit, React, Moralis and Solidity](/projects/web3-netflix.jpg)



In this tutorial we build a Netflix Clone, with movie assets stored in a decentral fashion on IPFS. In addition, authentication to the dApp is handled through the users crypto wallet address, facilitated by the Moralis Web3 Development Platform. Happy Building.



⚡️ Tech Stack: Web3.0, UIKit, React, Moralis, Solidity



[🔗 Link to the project](https://www.youtube.com/watch?v=cPjnjxmLS5k)



---



### Build Spotify Web3.0 Blockchain App with React and Moralis _ Web3 Programming Tutorial



![Build Spotify Web3.0 Blockchain App with React and Moralis _ Web3 Programming Tutorial](/projects/build-spotify-with-moralis.jpg)



In this tutorial we build a music streaming website, but with a twist. The Albums will be NFT collections and each song within the albums will be individual NFTs. Hope you enjoy :)



⚡️ Tech Stack: Web3.0, Blockchain, React



[🔗 Link to the project](https://www.youtube.com/watch?v=E7R1gX-pEAs)



---



### Building In-Game Shop Selling NFTs using Solidity and Moralis - Unity Web3 Programming



![Building In-Game Shop Selling NFTs using Solidity and Moralis - Unity Web3 Programming](/projects/unity-web3-programming.jpg)



In this project you're going to learn how to buy NFTs from an NPC Shop and how to create a full on-chain inventory system with Unity and Moralis Web3. Enjoy!



⚡️ Tech Stack: NFTs



[🔗 Link to the project](https://www.youtube.com/watch?v=RRvUWx0AivI)



---



### Build Web3.0 AirBNB Clone Using web3uikit, React, Moralis and Solidity - Full-Stack Blockchain App



![Build Web3.0 AirBNB Clone Using web3uikit, React, Moralis and Solidity - Full-Stack Blockchain App](/projects/web-3airbnb.webp)



Utilising the Web3 UIKit, React and Google Maps you will build a frontend clone that looks and feels like the AirBNB website. You will also create your very own smart contract to store the details of rentals and handle purchase of any new bookings on the blockchain of your choice. To connect your react app and smart contract you will be using Moralis for smart contract syncing, executing smart contract functions and storing details in the DB for easy access.



⚡️ Tech Stack: Web3, React, blockchain



[🔗 Link to the project](https://youtu.be/rj-Mb-xz1Os)



---



### Build Your Own Web3.0 Metaverse using Solidity, Javascript and Moralis - Blockchain Development



![Build Your Own Web3.0 Metaverse using Solidity, Javascript and Moralis - Blockchain Development](/projects/create-own-metaverse.jpg)



In this video we build our own Metaverse, similar to Sandbox or Decentraland. The base of any Metaverse is the world in which it is built. In this tutorial, we learn the process to create a Metaverse map, how to animate it, and how to link plots of land in that Metaverse to NFTs that can be registered and transferred in the blockchain.



⚡️ Tech Stack: Solidity, Javascript, Web3.0



[🔗 Link to the project](https://youtu.be/tJez2sd1sok)



---



### Build Amazon Web 3.0 Blockchain App ▶️



![Build Amazon Web 3.0 Blockchain App ▶️](/projects/amazon-web3-clone.jpeg)



In this tutorial, you're gonna be building the Amazon Blockchain Web 3.0 App using Moralis, Next JS, Netlify, Sanity.io, and Tailwind CSS 🔥



⚡️ Tech Stack: Solidity, Moralis, Next.js, Ether.js, Tailwind CSS



[🔗 Link to the project](https://youtu.be/HMdwbq1JJT0)



---



### Build Own Web3.0 NFT Game Angry Birds Clone using Solidity, Unity Web3 and Moralis



![Build Own Web3.0 NFT Game Angry Birds Clone using Solidity, Unity Web3 and Moralis](/projects/angry-bird-moralis.jpg)



This video is a walkthrough on the Web3 Angry Birds project created with Unity and Moralis. We will mint an NFT using a local Unity sprite and then use it as a character!



⚡️ Tech Stack: NFTs



[🔗 Link to the project](https://www.youtube.com/watch?v=YN8HAlM6YW0)



---



### Build Web3.0 Twitter Clone Using web3uikit, React, Moralis and Solidity - Full-Stack Blockchain App



![Build Web3.0 Twitter Clone Using web3uikit, React, Moralis and Solidity - Full-Stack Blockchain App](/projects/build-twitter-clone.jpg)



In this Moralis Project, you will dive into building your own Web3 Twitter clone. You will write a simple smart contract that gives you the option to save tweets onto the blockchain of your choice. Using React and the Web3UIkit you will build a frontend that has the feel of Twitter in a beautiful dark theme. Finally you will use Moralis to authenticate users, store their profile data and tweets, interact with your smart contract and retrieve a users NFTs so they can use them as their Profile picture. Happy Building.



⚡️ Tech Stack: React, Solidity



[🔗 Link to the project](https://youtu.be/HrlpTJD_CF0)



---



### Build Your Own DAO - Web3 Programming with Solidity, Hardhat, Moralis, React, Full-Stack Dapp



![Build Your Own DAO - Web3 Programming with Solidity, Hardhat, Moralis, React, Full-Stack Dapp](/projects/to-build-a-dao.jpg)



In this tutorial you will learn how to create a smart contract, where holders of a specific NFT token, grants access to a DAO. These NFT holders may create proposals that other members of the DAO may then vote on. If there is a majority consensus on a proposal after the voting period has ended the DAO can then move forth on acting on said proposal. Happy Building.



⚡️ Tech Stack: DAO, Web3, Hardhat, React, Full-Stack Dapp



[🔗 Link to the project](https://youtu.be/sAcEJcwPTOk)



---



### Build Modern Cryptopunk Clone with React.js & Web 3.0



![Build Modern Cryptopunk Clone with React.js & Web 3.0](/projects/cryptopunk_clone.jpeg)



How to use React JS to build the Frontend of a Web Application. How to use thirdweb to build the backend needed for an Ethereum APP. Hosting your Web 3.0 APP on the Internet using Vercel



⚡️ Tech Stack: Smart Contracts, Solidity, Ethereum



[🔗 Link to the project](https://youtu.be/hhZtiytNaBQ)



---



### Build Coinbase Blockchain Web 3.0 App with Next.js, Sanity.io, thirdweb



![Build Coinbase Blockchain Web 3.0 App with Next.js, Sanity.io, thirdweb](/projects/build_coinbase_blockchain.jpeg)



In this tutorial, you're gonna be building the Coinbase Blockchain Web 3.0 App using Next JS, Sanity.io, thirdweb, Styled Components, and Vercel 🔥



⚡️ Tech Stack: Next.js, Sanity.io, Blockchain Web 3.0



[🔗 Link to the project](https://www.youtube.com/watch?v=frCsGK4cKks)



---



### Build a Blog App with Solana & React (Solana CRUD 101)



![Build a Blog App with Solana & React (Solana CRUD 101)](/projects/solana_blog_dapp.jpg)



Build a Blog App with Lance! This is the BEST tutorial to learn the basics of Solana Development Made with a lot of ❤️



⚡️ Tech Stack: Solana, React, dApp



[🔗 Link to the project](https://www.youtube.com/watch?v=PWvbMWyuYNQ)



---



### Build Venmo Web3 Clone with Next.js & Solidity



![Build Venmo Web3 Clone with Next.js & Solidity](/projects/venmo_clone.jpg)



We just created the Best Free Venmo App Tutorial on the planet 🌎 Made with lots of ❤️.



⚡️ Tech Stack: Next.js, Solidity, Web 3.0



[🔗 Link to the project](https://www.youtube.com/watch?v=rQadaQXSO08)



---



### Build APE Coin DAO with Next.js & thirdweb



![Build APE Coin DAO with Next.js & thirdweb](/projects/ape_coin_dao.jpg)



We just created the Best Free DAO Tutorial on the planet 🌎 Made with lots of ❤️.



⚡️ Tech Stack: DAO, Next.js, thirdweb



[🔗 Link to the project](https://www.youtube.com/watch?v=mzpFbKnrOrc)



---



### Build Solana Todo App with Next.js & Rust (Anchor)



![Build Solana Todo App with Next.js & Rust (Anchor)](/projects/solana_todo_app.jpg)



We just created the Best Free Solana Todo App Tutorial on the planet 🌎 Made with lots of ❤️.



⚡️ Tech Stack: Solana, Next.js, Rust



[🔗 Link to the project](https://www.youtube.com/watch?v=3_zoGgffxac)



---



### Build Spotify Blockchain Web3 dApp with Next.js, Solana, Phantom, QuickNode & Digital Ocean



![Build Spotify Blockchain Web3 dApp with Next.js, Solana, Phantom, QuickNode & Digital Ocean](/projects/spotify_blockchain.jpg)



In this tutorial, you're gonna be building the Spotify Blockchain Web3 dApp using Next.js, Solana, Phantom, QuickNode & Digital Ocean 🚀



⚡️ Tech Stack: Blockchain, Next.js, Phantom



[🔗 Link to the project](https://www.youtube.com/watch?v=JbZPQJpfahI)



---



### Build OpenSea 2.0 Web3 dApp with Next.js, Replit, thirdweb, Infura, & Tailwind CSS



![Build OpenSea 2.0 Web3 dApp with Next.js, Replit, thirdweb, Infura, & Tailwind CSS](/projects/build_opensea_dapp.jpg)



In this tutorial, you're gonna be building the Opensea 2.0 Web3 dApp using Next JS, Replit, thirdweb, Infura, & Tailwind CSS 🔥



⚡️ Tech Stack: Next.js, Replit, Thirdweb, Infura, Tailwind CSS



[🔗 Link to the project](https://www.youtube.com/watch?v=LP6mRPBg_4I)



---



### Build TikTok Web 3.0 Blockchain App with Solana, Rust, Next.js, Netlify



![Build TikTok Web 3.0 Blockchain App with Solana, Rust, Next.js, Netlify](/projects/tiktok_blockchain_app.jpg)



In this tutorial, you're gonna be building the TikTok Web 3.0 dApp using Solana, Rust, Anchor Framework, Next JS, and Netlify 🚀



⚡️ Tech Stack: Next.js, Rust, Netlify, Solana



[🔗 Link to the project](https://www.youtube.com/watch?v=qIGs3XWybgU)



---



### Build CoinMarketCap Web 3.0 Blockchain App with Moralis, Next.js, Tailwind CSS



![Build CoinMarketCap Web 3.0 Blockchain App with Moralis, Next.js, Tailwind CSS](/projects/build_coinmarketcap_blockchain.jpg)



In this tutorial, you're gonna be building the CoinMarketCap Blockchain Web 3.0 App using Moralis, Solidity, Next JS, Netlify and Tailwind CSS 🔥



⚡️ Tech Stack: Moralis, Next.js, Tailwind CSS



[🔗 Link to the project](https://www.youtube.com/watch?v=fim8DfBPVks)



---



### Build Airbnb with Solana & Next.js



![Build Airbnb with Solana & Next.js](/projects/air_bnb_solana.jpg)



Build Airbnb with Lance!! Made with a lots of ❤️



⚡️ Tech Stack: Solana, Next.js



[🔗 Link to the project](https://www.youtube.com/watch?v=HIWuUdo9utw)



---



### Build Amazon Web 3.0 Blockchain App with Solidity, Moralis, Next.js, Ethers.js, Tailwind CSS



![Build Amazon Web 3.0 Blockchain App with Solidity, Moralis, Next.js, Ethers.js, Tailwind CSS](/projects/build_amazon_blockchain.jpg)



In this tutorial, you're gonna be building the Amazon Blockchain Web 3.0 App using Moralis, Next JS, Netlify, Sanity.io, and Tailwind CSS 🔥



⚡️ Tech Stack: Moralis, Solidity, Ethers.js, Next.js, Tailwind CSS



[🔗 Link to the project](https://www.youtube.com/watch?v=HMdwbq1JJT0)



---



**Note:** This is a work-in-progress list. Feel free to submit pull requests if you want to add more resources.



## Contributing



Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.