This repository contains a series of Web3 example code covering frontend, smart contracts, and backend, aimed at helping developers quickly learn and apply them to real-world projects. We provide example code for various common scenarios.
The frontend code is located in the frontend directory. Before running, please ensure the following preparations:
- Rename the
.env.examplefile to.envand complete the configuration information. - Apply for at least one API Key on alchemy.
Next, install dependencies and start the project:
npm i
npm run devThe smart contract code is located in the contract directory. Before running, please ensure the following preparations:
- Rename the
.env.examplefile to.envand complete the configuration information. - Apply for at least one Project Key on infura.
Then, you can use truffle for smart contract development.
To help you learn better, we have compiled a list of learning resources. If you have new resource recommendations or find that resources in the list are outdated or of poor quality, please notify us through an issue for updates.
- CryptoZombies - Learn Solidity through a game, perfect for beginners.
- CryptoZombies Chinese Course - Chinese course for the CryptoZombies game.
- Ethernaut by OpenZeppelin - Platform by OpenZeppelin for hands-on learning Solidity.
- Chainshot - Learn smart contract development through hands-on practice.
- FreeCodeCamp Solidity Tutorial - FreeCodeCamp's Solidity tutorial video.
- Ethereum Official Tutorials - Official development tutorials by Ethereum.
- Ethereum Documentation - Official development documentation by Ethereum.
- Ethereum DApps Showcase - Ethereum's official DApp showcase page.
- WTF Academy - Courses from basics to advanced in Solidity.
- LearnWeb3.io - Web3 learning website.
- Pointer - Another Web3 learning website.
- Continuum - Learning platform rewarding NFTs for mastering Web3 basics.
- Dapp University - Series of tutorial videos focusing on DApp development.
- Web3 University - Comprehensive online learning platform for Web3.
- Hashnode Web3 Channel - Hashnode's Web3 column.
- Mirror Developer Platform - Articles from many excellent Web3 developers on Mirror.
- Ethereum Stack Exchange - Official Ethereum Q&A community.
- EthResearch - Ethereum technical forum.
- OpenSea Blog - Official blog of OpenSea.
- Reddit Web3 - Web3 channel on Reddit.
- Medium Web3 Topics - Discussions about Web3 on Medium.
- Coursera Blockchain Basics - Blockchain basics course on Coursera.
- Conflux Chinese Blockchain Forum - Chinese section of the Conflux forum.
- Microsoft Blockchain Development Introduction - Introductory course to blockchain development provided by Microsoft.
- MIT Blockchain Course - Course on blockchain offered by MIT.
Below are links to whitepapers of several important projects:
Here are the official documentation links for some commonly used tools and libraries:
- Solidity Official Documentation - Smart contract programming language.
- OpenZeppelin - Solidity security development toolkit.
- Remix IDE Official Documentation - Online IDE for Solidity development.
- Hardhat - Environment framework for smart contract development.
- Truffle Suite - Smart contract development environment containing Truffle, Ganache, and Drizzle.
- Ethers.js Official Documentation - Library for interacting with smart contracts.
- Web3.js Official Documentation - Another library for interacting with smart contracts.
- Viem - The latest smart contract interaction library.
- Wagmi - Smart contract interaction library providing React Hooks-style API.
- RainbowKit - Library for building Web3 wallet connection interfaces, with React support.
Here are some recommended books on blockchain and Web3:
- Mastering Bitcoin - A comprehensive book on Bitcoin.
- Mastering Ethereum - In-depth analysis of Ethereum technology.
- Ordinals Protocol - Inscription protocol behind BRC20.
- Atomicals Protocol - Inscription protocol behind ARC20.