7 modules, 40+ lessons, AI tutor, dark/light mode, badge system — from beginner to builder
| Feature | Description |
|---|---|
| 7 Modules, 40+ Lessons | From Web3 basics to Bitcoin deep-dives to hands-on builder labs |
| AI Tutor | Gemini-powered assistant answers questions in context of the current lesson |
| Badge & XP System | Earn achievement badges and XP as you complete modules |
| Dark / Light Mode | Toggle between dark and light themes |
| Web3 Glossary | 20+ key terms with search and category filtering |
| PWA / Offline | Installable progressive web app; content cached for offline reading |
| Bilingual | Content in Chinese; English translation in progress |
| Open Source | MIT license — fork, modify, and contribute freely |
Visit the platform at: https://beihaili.github.io/Get-Started-with-Web3/
git clone https://github.com/beihaili/Get-Started-with-Web3.git
cd Get-Started-with-Web3
npm install
npm run devThe dev server starts at http://localhost:5173/Get-Started-with-Web3/.
Get hands-on with Web3 in under two weeks — no programming background required.
| Lesson | Topic |
|---|---|
| 01 | Create your first Web3 identity (wallet, seed phrase) |
| 02 | Make your first Web3 transaction (transfers, Gas fees) |
| 03 | Build your first Web3 DApp (connect wallet, interact with contracts) |
| 04 | Useful Web3 sites (explorers, DeFi tools, aggregators) |
| 05 | Launch your first token (ERC-20 end-to-end) |
| 06 | Web3 security (scam detection, asset protection) |
Hash functions, digital signatures, elliptic curves, HD wallets, transaction structure, multisig, SegWit, Taproot.
Bitcoin Core nodes, P2P protocol, proof-of-work, difficulty adjustment, forks, and the BIP process.
Wallets, RPC development, Bitcoin Script, Ordinals, cross-chain DeFi.
Web3 principles, sovereignty, Bitcoin Easter eggs, philosophical essays.
DeFi, Ethereum, Layer 2, emerging chains, AI x Web3, and essential tooling.
Hands-on practice: deploy an ERC-20 token, build a DApp, read a block explorer, smart contract security.
- Frontend: React 19 + Vite + Tailwind CSS
- State: Zustand (five stores, four persisted to localStorage)
- Routing: React Router v6
- Content: Markdown in
zh/, rendered by react-markdown + remark-gfm - AI: Google Gemini API (user-provided key)
- Testing: Vitest 4 + happy-dom + Testing Library
- CI/CD: GitHub Actions → GitHub Pages
Contributions are welcome in any form:
- Fix errors or outdated information in tutorials
- Add code examples, diagrams, or case studies
- Translate Chinese content to English (
en/directory) - Improve the React platform (features, performance, accessibility)
See CONTRIBUTING.md for the full guide.
If this project has been helpful to you, consider supporting its development:
- GitHub Sponsors: github.com/sponsors/beihaili
- Buy Me a Coffee: buymeacoffee.com/beihaili
- ETH / EVM:
0xb7Cd29C78B97cdf0A6e6FFC9268d43eDc3eCa649 - BTC:
1GihPqLkjJNK2fzCMSicc9mLapKeGy3Vv1 - Binance: Register with referral link (20% fee rebate)
Every contribution — code, content, or coffee — is genuinely appreciated.
- Twitter: @bhbtc1337
- WeChat group: Apply via Google Form
- GitHub Issues: Ask questions and give feedback
MIT License — free to use, modify, and distribute.