Coder Social home page Coder Social logo

ankit5577 / awesome-web3-projects Goto Github PK

View Code? Open in Web Editor NEW

This project forked from shubham0850/awesome-web3-projects

0.0 0.0 0.0 6.79 MB

A handpicked collection of inspiring Web3 projects for learning and exploration.

License: MIT License

awesome-web3-projects's Introduction

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

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


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

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


Build your own DAO with just Javascript

Build your own DAO with just Javascript

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


Build a Web3 app on Solana with React and Rust

Build a Web3 app on Solana with React and Rust

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


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

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


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

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

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


Build your own store with Solana Pay

Build your own store with Solana Pay

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


Build your own NFT collection on Flow

Build your own NFT collection on Flow

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


Build your own web3 Twitter dApp with Solidity

Build your own web3 Twitter dApp with Solidity

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


Launch your own token on Polygon Network in 30 mins

Launch your own token on Polygon Network in 30 mins

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


Creating NFTs using different token standards

Creating NFTs using different token standards

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


Writing your first Hello World contracts in Solidity

Writing your first Hello World contracts in Solidity

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

โšก๏ธ Tech Stack: Web3, Solidity

๐Ÿ”— Link to the project


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

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


Create a Horoscope Web3 NFT Application

Create a Horoscope Web3 NFT Application

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


Launch your own epic NFT marketplace

Launch your own epic NFT marketplace

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


Add MetaMask connect button to your react app

Add MetaMask connect button to your react app

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

โšก๏ธ Tech Stack: Metamask, React

๐Ÿ”— Link to the project


How to Create an NFT Gallery

How to Create an NFT Gallery

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


Build a solana wallet

Build a solana wallet

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


Build a Mirror Clone

Build a Mirror Clone

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


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)

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


How to Build a Staking Dapp

How to Build a Staking Dapp

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


How to Build an NFT Marketplace from Scratch

How to Build an NFT Marketplace from Scratch

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


How to Build a Token Swap Dapp With 0x API

How to Build a Token Swap Dapp With 0x API

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


How to Create a Decentralized Twitter with Lens Protocol

How to Create a Decentralized Twitter with Lens Protocol

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


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

Your First Dapp

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


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#

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


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

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

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


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

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


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

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


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

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


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

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


Build Amazon Web 3.0 Blockchain App โ–ถ๏ธ

Build Amazon Web 3.0 Blockchain App โ–ถ๏ธ

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


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

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


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

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


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

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


Build Modern Cryptopunk Clone with React.js & Web 3.0

Build Modern Cryptopunk Clone with React.js & Web 3.0

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


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

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


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

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

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


Build Venmo Web3 Clone with Next.js & Solidity

Build Venmo Web3 Clone with Next.js & Solidity

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


Build APE Coin DAO with Next.js & thirdweb

Build APE Coin DAO with Next.js & thirdweb

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


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

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

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


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

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


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

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


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

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


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

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


Build Airbnb with Solana & Next.js

Build Airbnb with Solana & Next.js

Build Airbnb with Lance!! Made with a lots of โค๏ธ

โšก๏ธ Tech Stack: Solana, Next.js

๐Ÿ”— Link to the project


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

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


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.

awesome-web3-projects's People

Contributors

shubham0850 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.