web3 examples

Table of contents

• Web3 Sample Project
  • Online preview
  • Community Communication
  • VPN Recommended
  • Environmental preparation
  • Run locally
    • front end
    • Smart contracts
• Learning Resources
  • DApp & Solidity Smart Contract Learning Resources
  • Other comprehensive learning resources
  • Blockchain-related learning resources
  • white paper
  • Official Documentation
  • books
  • Inscription Agreement
• Recruitment Platform
  • Chinese area
  • English area
• Boring
  • Testnet faucet
  • Fingerprint browser and IP proxy recommendations
  • Finding Projects-Information Media Platform
  • Finding Projects - Airdrop Information Website
  • Project Research-Professional Website
  • Project Survey-Value and Security
• script
  • particle-network
• Exchange registration fee reduction
  • Binance
  • Sesame Gate
  • Ouyi OKX
  • Bitget
  • Huobi HTX
  • DeepCoin

Web3 Sample Project

This repository contains a series of Web3 sample code covering front-end, smart contracts, and back-ends, designed to help developers quickly learn and apply to real-world projects. We provide sample code for a variety of common scenarios.

Online preview

Preview address: https://examples.web3doc.xyz

Community Communication

If you are interested in Web3, want to engage in Web3 development or discuss related topics, please join the Noah Everyone Web Community: https://t.me/everyonesweb3

Or add Noah's WeChat: LZQ20130415 .

VPN-Recommended

Here are a few reliable scientific Internet-based tools:

• https://www.taozijichang.xyz/#/register?code=nBCHS0pq: The most cost-effective, very stable, very recommended. It can be used with SSR, Clash, Shadowrocket, V2Ray and other clients. 5 yuan discount code: HlX3Ygdu ; 10 yuan discount code: yIqSm0jL .
• https://share.jsq888.com/raf?u=89716999: High cost performance, good speed, and relatively stable. One account supports 5 devices. Use the invitation code 89716999 to get a discount.
• https://bitbucket.org/letsgo666/letsgo_en_1/src/main/README.md: The price is high, and one account supports 2 devices. Good experience. Use the invitation code 61922063 to get a free trial duration.

Please note that the above tools are for learning purposes only. We shall not bear any legal liability if we use these tools to engage in illegal and criminal acts.

Environmental preparation

Since some services may require access to the Internet through the internet, or rely on services that require access to the Internet through the internet (such as Google verification code), it is recommended to ensure that your network environment can access the Internet scientifically.

Run locally

front end

The front-end code is located in frontend directory. Before running, make sure to complete the following preparations:

1. Rename the .env.example file to .env and supplement the complete configuration information.
2. Apply for at least one API Key on alchemy.

Next, install the dependencies and start the project:

npm i
npm run dev

Smart contracts

The smart contract code is located in contract directory. Before running, make sure to complete the following preparations:

1. Rename the .env.example file to .env and supplement the complete configuration information.
2. Apply for at least one Project Key on infura.

You can then use truffle for smart contract development.

TMA Training Camp

Noah recently launched the Telegram Mini Apps full-stack training camp. If you are interested in TMA development, welcome to join our bootcamp. Registration fee: 299 yuan, registration method: add Noah's WeChat LZQ20130415 .

Here is the course outline for TMA bootcamp:

Learning Resources

To help you learn better, we have compiled a list of learning resources. If you have new resource recommendations or find that the resources on the list are outdated or have poor quality, please notify us of updates via issue.

DApp & Solidity Smart Contract Learning Resources

• CryptoZombies - Learn Solidity through game format, perfect for beginners.
• CryptoZombies Chinese Course - Chinese Course for Encrypted Zombies Games.
• Ethernaut by OpenZeppelin - A hands-on learning Solidity platform launched by OpenZeppelin.
• Chainshot - Learn smart contract development through hands-on practice.
• FreeCodeCamp Solidity Tutorial - FreeCodeCamp's Solidity Tutorial Video.
• Ethereum Official Tutorial - Development Tutorials officially provided by Ethereum.
• Ethereum Documentation - Official Ethereum Development Documentation.
• Ethereum DApps Display - Ethereum's official DApp Display Page.
• WTF Academy - From Solidity Basics to Advanced Courses.
• LearnWeb3.io - Web3 Learning Website.
• Pointer - Also a Web3 learning website.

Other comprehensive learning resources

• Continuum - A learning platform for NFT rewards through learning Web3 basics.
• Dapp University - A series of teaching videos focused on DApp development.
• Web3 University - A comprehensive Web3 online learning platform.
• Hashnode Web3 Channel - Hashnode's Web3 column.
• Mirror Developer Platform - Mirror has a collection of articles from many excellent Web3 developers.
• Ethereum Stack Exchange - The official Ethereum Q&A community.
• EthResearch - Ethereum Technology Forum.
• OpenSea Blog - OpenSea's official blog.
• Reddit Web3 - Web3 channel on Reddit.
• Medium Web3 Topics - A discussion on Web3 on Medium.

Blockchain-related learning resources

• Coursera Blockchain Basics - Basics of Blockchain on Coursera.
• Conflux Chinese Blockchain Forum - The Chinese area of the Conflux Forum.
• Microsoft Blockchain Development Introduction - An introductory course on blockchain development provided by Microsoft.
• MIT Blockchain Course - MIT provides courses on blockchain.

white paper

Here are white paper links to several important projects:

• Bitcoin White Paper
• Ethereum White Paper
• Uniswap V2 White Paper
• Uniswap V3 White Paper

Official Documentation

Here are the official documentation links to some commonly used tools and libraries:

• Solidity official documentation - Smart contract programming language.
• OpenZeppelin - Solidity Security Development Tool Library.
• Remix IDE official documentation - Online IDE developed by Solidity.
• Hardhat - An environmental framework for smart contract development.
• Truffle Suite - A smart contract development environment that includes Truffle, Ganache and Drizzle.
• Ethers.js official documentation - a library for interacting with smart contracts.
• Web3.js official documentation - Another library for smart contract interaction.
• Viem - The latest smart contract delivery library.
• Wagmi - A smart contract interaction library that provides React Hooks-style API.
• RainbowKit - A library for building Web3 wallet connection interface, supporting React.

books

Here are some recommended blockchain and Web3 related books:

• Proficient in Bitcoin - a book that explains Bitcoin in depth.
• Proficient in Ethereum - a book for in-depth analysis of Ethereum technology.
• How to Defi - Books for in-depth analysis of DeFi technology.

Inscription Agreement

• Ordinals Protocol - The Inscription Agreement behind BRC20.
• Atomicals Protocol - The Inscription Agreement behind ARC20.

Recruitment Platform

Chinese area

• ABetterWeb3

• Foresight news

• Electric duck community

• TinTin Job Board

• Rebase who is hiring

• BOSS Direct Recruitment

• Block Job

English area

• upwork

• Remote3

• Web3 career

• CryptocurrencyJobs

• Wellfound

• Crypto Recruit

• Works Hub

• Crypto job list

• Dejob

• Crypto Jobs

• stablegram

• Froog

• RemoteOK

Boring

Now that we have established the bc1 community, please visit bc1.wiki to learn about it and join us.

Testnet faucet

• https://sepolia-faucet.pk910.de/ - Mining

• https://www.alchemy.com/faucets/ethereum-sepolia - Alchemy's Ethereum faucet

• https://www.infura.io/faucet/sepolia - Infura's Ethereum faucet

• https://faucet.quicknode.com/ethereum/sepolia/ - Ethereum faucet for QuickNode

• https://faucet.polygon.technology/ - Polygon

• https://www.bsquared.network/faucet/ - B2 Network

• https://www.bnbchain.org/en/testnet-faucet - Binance Smart Chain

Fingerprint browser and -IP-agent recommendation

MoreLogin.

https://www.morelogin.com/?from=AA3jnj3sJxy4

clonbrowser supports multiple openings and comes with its own window synchronizer, making IP binding simple and convenient.

https://www.clonbrowser.net/?code=SSXf6Z

Finding Projects-Information Media Platform

• Foresight News
• Binance News
• Gate Depth
• Gyro Technology
• MarsBit 7x24H News
• Odaily News
• Rhythm News
• PANews News & In-depth
• Chain Catcher News
• TechFlow 7x24H News

Finding Projects - Airdrop Information Website

• https://airdrops.io/
• https://dropsearn.com/airdrops/
• https://www.cosmosairdrops.io/claimable
• https://www.alphadrops.net/alpha
• https://galxe.com/

Project Research-Professional Website

• https://coinmarketcap.com/ The largest market website.
• https://www.coingecko.com/ is also a very large market website.
• https://www.rootdata.com/ You can check the investment status of the project.
• https://geniidata.com/ A website that analyzes market trends, especially the Ordinals and BRC20 ecosystem.
• https://www.coincarp.com/zh/ is also a large-scale market website.
• https://defilama.com/ can query the on-chain data of the DeFi protocol.
• https://dune.com/home On-chain data analysis and data visualization websites, you can query on-chain data.

Project Survey-Value and Security

• https://app.whales.market/?r=256788 Whale market, you can query and trade the over-the-counter trading prices of unlisted tokens and points.
• https://gopluslabs.io/token-security GoPlus can check the security of tokens and effectively avoid Pixiu disk.
• https://www.oklink.com/zh-hans/approval OKX Wallet Authorization Inspection.

script

particle-network

• particle-network

Exchange registration fee reduction

Binance - Binance

Binance Binance Invitation Code: DYE5M7LZ . Binance official website: https://www.binance.info/zh-CN/join?ref=DYE5M7LZ

Binance Alliance partners have been opened, and spot contracts can enjoy a maximum level of 20%.

Sesame - Gate

Sesame Gate Invitation Code: AlBNUAhe or BITCNOAH . Gate official website: https://www.gate.io/signup/AlBNUAhe?ref_type=103

The highest-level partner of Gate has been opened, and you can enjoy the highest level of 20% rebate for spot contracts.

Ouyi-OKX

Ouyi OKX Invitation code: NOAH666 . OKX official website: https://www.yyjiagou.com/join/noah666

OKX node has been opened, and spot contracts can enjoy a maximum level of 20%.

Bitget

Bitget invitation code: bc1666 . Bitget official website: https://partner.bitget.fit/bg/bc1666

Bitget Level 1 partners have been opened, and spot contracts can enjoy a maximum level of 20%.

Huobi-HTX

Huobi HTX invitation code: s2r99223 . Huobi official website: https://www.htx.co.zw/invite/zh-cn/1h?invite_code=s2r99223

Huobi Partners have been opened and spot contracts can enjoy a maximum level of 30%.

DeepCoin-DeepCoin

Shenzhen Coin DeepCoin Invitation Code: S510498 . DeepCoin official website: https://s.deepcoin.com/sfbaeji

DeepCoin senior partner has been activated, and spot contracts can enjoy a maximum level of 30% rebate.

U card

If you want to use cryptocurrency to spend. It is recommended to use PokePay. Noah has enabled the exclusive invitation link for KOL. If you register, you will get a 12.8 USDT card opening deduction coupon:

https://app.pokepay.cc/pages/passport/invitation?r=162465