DEV Community

Cover image for Some Useful GitHub Repositories To Enhance Your Web3 Skills
Astrodevil
Astrodevil

Posted on • Edited on • Originally published at mranand.com

Some Useful GitHub Repositories To Enhance Your Web3 Skills

As the world is moving towards new technology, Web3 is the most trending of them. Developers are learning this new technology very fast, many companies are also shifting towards decentralized blockchain technology. To become a good web3 developer one need good skills related to tech, and for that, they will need practical knowledge of web3 technologies. Like working on or making projects based on blockchain.

In this article, I am going to share ** Some Useful GitHub Repositories you can contribute** to and enhance your practical knowledge of web3 technologies.

1. 100 Days Of Web3

This is a list of Tons of Free Web3 Resources.

This is primarily for Ethereum Developers, but many concepts are shared among different Blockchain or involve different blockchains.

GitHub logo FrancescoXX / free-Web3-resources

A list of FREE resources to make Web3 accessible to everyone.

🚀FREE Web3 resources

Welcome to the ultimate hangout spot for Web3 enthusiasts! We're a community of like-minded individuals who are passionate about decentralized apps and the Ethereum network. Our goal is to create an inclusive and helpful environment where content creators can share their experiences and resources to reach their goals.

Are you new to the world of blockchain?🤔 No problem! Our FREE resources will make it easy for you to get started with building decentralized apps and interacting with the Ethereum network. Whether you're a beginner or a seasoned pro, we've got you covered

👋 Join Us

Want to have some fun and be a part of the Web3 revolution? Join our community and participate in our weekly challenges and meetings. Let's work together to build the future of the decentralized web! 🚀

Don't miss out on the Web3 action. Join us now and let's shape the…

2. Awesome Solidity

⟠ A curated list of awesome Solidity resources, libraries, tools and more.

GitHub logo bkrem / awesome-solidity

⟠ A curated list of awesome Solidity resources, libraries, tools and more

Awesome Solidity

awesome list badge build status badge GitHub contributors pull requests welcome badge support via gitcoin badge

A curated list of awesome Solidity resources, libraries, tools and more.

Please check the contribution guidelines for information on formatting and writing pull requests.

Contents

Resources

Official

Tutorials

  • androlo/solidity-workshop - Comprehensive series of tutorials covering contract-oriented programming and advanced language concepts.
  • buildspace.so - Hands-on Web3 course especially for beginners. It is completely free and you get an NFT on completion.
  • Cadena - Tutorials for building smart contracts…

3. Gun

An open source cybersecurity protocol for syncing decentralized graph data. GUN is a toolkit that allows you to create community-run and encrypted applications, such as an Open Source Firebase or a Decentralized Dropbox. GUN is in use by the Internet Archive and hundreds of other apps. Twitter's Bluesky program includes GUN!

GitHub logo amark / gun

An open source cybersecurity protocol for syncing decentralized graph data.

Build Gitter

GUN is an ecosystem of tools that let you build community run and encrypted applications - like an Open Source Firebase or a Decentralized Dropbox.

The Internet Archive and 100s of other apps run GUN in-production. GUN was also part of Twitter's bluesky initiative!

  • Multiplayer by default with realtime p2p state synchronization!
  • Graph data lets you use key/value, tables, documents, videos, & more!
  • Local-first, offline, and decentralized with end-to-end encryption.

Decentralized alternatives to Zoom, Reddit, Instagram, Slack, YouTube, Stripe, Wikipedia, Facebook Horizon and more have already pushed terabytes of daily P2P traffic on GUN. We are a friendly community creating a free fun future for freedom:

Quickstart

GUN is super easy to get started with:

  • Try the interactive tutorial in the browser (5min ~ average developer).
  • Or npm install gun and run the examples with cd node_modules/gun && npm start (…

4. Web3 Ui

A React UI library for Web3. A library of UI components specifically crafted for web3 use cases.

GitHub logo Developer-DAO / web3-ui

A React UI library for Web3

web3-ui

All Contributors

In Development - Refactoring in Progress 🏗️

A library of UI components specifically crafted for web3 use cases.

Quick start

Note: This is for the current public release. This library is being refactored and instructions will change.

  1. Install the package
$ yarn add @web3-ui/core ethers
Enter fullscreen mode Exit fullscreen mode
  1. Setup the Provider
import { Provider, NETWORKS } from '@web3-ui/core';

function MyApp({ Component, pageProps }) {
  return (
    <Provider network={NETWORKS.mainnet}>
      <Component {...pageProps} />
    </Provider>
  );
}
Enter fullscreen mode Exit fullscreen mode
  1. Use the components and hooks
import { ConnectWallet, useWallet } from '@web3-ui/core';
function Home() {
  const { connection } = useWallet();

  return (
    <div>
      <ConnectWallet />
      <div>{connection.ens || connection
Enter fullscreen mode Exit fullscreen mode

5. Metamask Mobile

Mobile web browser providing access to websites that use the Ethereum blockchain.

GitHub logo MetaMask / metamask-mobile

Mobile web browser providing access to websites that use the Ethereum blockchain

MetaMask logo

MetaMask

CI CLA

MetaMask is a mobile wallet that provides easy access to websites that use the Ethereum blockchain.

For up to the minute news, follow our Twitter or Medium pages.

To learn how to develop MetaMask-compatible applications, visit our Developer Docs.

MetaMask Mobile

Environment Setup

The code is built using React-Native and running code locally requires a Mac or Linux OS.

  • Install sentry-cli tools: brew install getsentry/tools/sentry-cli

  • Install Node.js version 16

    • If you are using nvm (recommended) running nvm use will automatically choose the right node version for you.
  • Install Yarn v1

  • Install the shared React Native dependencies (React Native CLI, not Expo CLI)

  • Install cocoapods by running:

sudo gem install cocoapods -v 1.12.1
Enter fullscreen mode Exit fullscreen mode

Device Environment Setup

Android

  • Install Java. To check if Java is already installed, run:
  java -version
  • Install the Android SDK, via Android Studio
    • MetaMask Only: To create production builds, you need…

6. Nucypher

A decentralized threshold cryptography network focused on proxy reencryption.

GitHub logo nucypher / nucypher

Threshold Access Control (TACo) runtimes for the Threshold Network

A decentralized cryptological network offering accessible, intuitive, and extensible runtimes and interfaces for secrets management and dynamic access control.

pypi pyversions codecov discord Documentation Status license


The NuCypher network provides accessible, intuitive, and extensible runtimes and interfaces for secrets management and dynamic access control.

  • Accessible - The network is permissionless and censorship-resistant There are no gate-keepers and anyone can use it.
  • Intuitive - The network leverages the classic cryptological narrative of Alice and Bob (with additional characters where appropriate). This character-based narrative permeates the code-base and helps developers write safe, misuse-resistant code.
  • Extensible - The network currently supports proxy re-encryption but can be extended to provide support for other cryptographic primitives.

Access permissions are baked into the underlying encryption and access can only be explicitly granted by the data owner via sharing policies Consequently, the data owner has ultimate control over access to their data At no point is the data decrypted nor can the underlying private…

7. Nft Api

NFT API that returns resolved metadata and has all information about all NFT collections, users, transactions. Cross-Chain NFT API.

GitHub logo nft-api / nft-api

NFT API that returns resolved metadata and has all information about all NFT collections, users, transactions. Cross-Chain NFT API.

nft api

NFT API that returns resolved metadata and has all information about all NFT collections, users, transactions. Cross-Chain NFT API.

NFT API is a central part of any NFT dapp. Whether you build an NFT game, wallet, marketplace, analytics site, dashboard or something else based on NFTs you need to have a reliable NFT API that can help you get things such as:

  1. NFT Metadata
  2. NFT Ownership data
  3. NFT Transfer data
  4. NFT Prices

See full table of contents.

If these features are required in your dapp - keep reading!

Chains supported

The NFT API supports the following chains:

  1. Ethereum (ETH)
  2. Binance Smart Chain (BSC)
  3. Polygon (MATIC)
  4. Avalanche (AVAX)
  5. Fantom (FTM)
  6. CRONOS (CRO)
  7. Solana (SOL)
  8. Testnets are fully supported.

This API is widely used in the web3 industry and is powering many prominent web3 projects.

unnamed

⭐️ Star us

If this NFT API helps you - please star this project…

8. Matic.js

This repository contains the maticjs client library. maticjs makes it easy for developers, who may not be deeply familiar with smart contract development, to interact with the various components of Matic Network.

This library will help developers to move assets from Ethereum chain to Matic chain, and withdraw from Matic to Ethereum using fraud proofs.

GitHub logo maticnetwork / matic.js

Javascript developer library to interact with Matic Network

Matic SDK

GitHub version Build Status npm version GitHub TEST

This repository contains the maticjs client library. maticjs makes it easy for developers, who may not be deeply familiar with smart contract development, to interact with the various components of Matic Network.

This library will help developers to move assets from Ethereum chain to Matic chain, and withdraw from Matic to Ethereum using fraud proofs.

Docs

https://docs.polygon.technology/docs/develop/ethereum-polygon/matic-js/get-started

Support

Our Discord is the best way to reach us .

Contributors

You are very welcome to contribute, please see contributing guidelines - [Contribute].

Thank you to all the people who already contributed to matic.js!

Made with contributors-img.

Development

Setup

npm ci
Enter fullscreen mode Exit fullscreen mode

How to debug

Write your code inside file test/debug.js and run below code

npm run debug
Enter fullscreen mode Exit fullscreen mode

Above command will build the source code & install the built version into test folder, which will be used by debug.js.

Lint

# To check lint errors
npm
Enter fullscreen mode Exit fullscreen mode

9. Blockchain Books

A collection of blockchain books to help people learn and become Awesome.

Awesome Blockchain Books awesome

Blockchain Books to help people learn and become Awesome

  1. Blockchain Books
  2. Decentralized Applications
  3. Hyperledger Books
  4. Security Books
  5. Bitcoin Books
  6. Documentations

Blockchain Books

Mastering Bitcoin: Programming the Open Blockchain, 2nd Edition (2017) Download

Join the technological revolution that’s taking the financial world by storm. Mastering Bitcoin is your guide through the seemingly complex world of bitcoin, providing the knowledge you need to participate in the internet of money. Whether you’re building the next killer app, investing in a startup, or simply curious about the technology, this revised and expanded second edition provides essential detail to get you started.

Mastering Blockchain, 2nd Edition (2018) Download

A blockchain is a distributed ledger that is replicated across multiple nodes and enables immutable, transparent and cryptographically secure record-keeping of transactions. The blockchain technology is the backbone of cryptocurrencies, and it has applications in finance, government, media and almost all other industries. Mastering…

10. web3

Making sense of web3 & crypto. Introduction to key concepts and ideas. Rigorous, constructive analysis of key claims pro and con. A look at the deeper hopes and aspirations.

GitHub logo life-itself / web3

Making sense of web3 & crypto. Introduction to key concepts and ideas. Rigorous, constructive analysis of key claims pro and con. A look at the deeper hopes and aspirations.

Awesome sensemaking for crypto/web3

👉 April 2022 Website for the web3 sensemaking project 👈

🎉 Nov 2022 Full guide to web3 & crypto including evaluation of claims pro and con 🎉

Awesome rigorous evaluation of crypto/web3, etc. Contributions are welcome.

Critique

General

11. Learn Web3 Dapp

This Next.js app is designed to be used with the Figment Learn Pathways, to help developers learn about various blockchain protocols such as Solana, NEAR, Secret, Polygon and Polkadot!

GitHub logo figment-networks / learn-web3-dapp

This Next.js app is designed to be used with the Figment Learn Pathways, to help developers learn about various blockchain protocols such as Solana, NEAR, Secret, Polygon and Polkadot!

👋🏼 What is learn-web3-dapp?

We made this decentralized application (dApp) to help developers learn about Web 3 protocols.

It's a Next.js app that uses React, TypeScript and various smart contract languages (mostly Solidity and Rust).

We will guide you through using the various blockchain JavaScript SDKs to interact with their networks. Each protocol is slightly different, but we have attempted to standardize the workflow so that you can quickly get up to speed on networks like Solana, NEAR, Polygon and more!

  • Solana

  • ✅ Polygon

  • Avalanche

  • NEAR

  • Tezos

  • Secret

  • Polkadot

  • Celo

  • The Graph

  • ✅ The Graph for NEAR

  • Pyth

  • 🔜 Ceramic

  • 🔜 Arweave

  • 🔜 Chainlink

  • Let us know which one you'd like us to cover

Screen Shot 1

Screen Shot 2

Screen Shot 3

🧑‍💻 Get started

🤖 Using Gitpod (Recommended)

The best way to go through those courses is using Gitpod. Gitpod provides prebuilt developer environments in your…

If You ❤️ My Content! Connect Me on Twitter or Supports Me By Buying Me A Coffee☕

Top comments (3)

Collapse
 
andrewbaisden profile image
Andrew Baisden

So many useful repos thanks for sharing.

Collapse
 
xkazm04 profile image
Michal Každan

I'm sorry to spam - this might be one day helpful resource for someone looking for guides :) - d3vlibrary.com/

Collapse
 
stormytalent profile image
StormyTalent

Perfect explanation.
I become aware of many things new to me.
Thanks!