An open API service indexing awesome lists of open source software.

https://github.com/frankiefab100/web3collectives

A free resource library for Blockchain Developers, smart contract engineers and Web3 enthusiasts. Learn more: https://frankiefab.hashnode.dev/introducing-web3collectives-your-gateway-to-web3-knowledge
https://github.com/frankiefab100/web3collectives

awesome-resources blockchain blockchain-technology courses curated-list educational-materials educational-resources learning-resources online opensource publicgoods web3

Last synced: over 1 year ago
JSON representation

A free resource library for Blockchain Developers, smart contract engineers and Web3 enthusiasts. Learn more: https://frankiefab.hashnode.dev/introducing-web3collectives-your-gateway-to-web3-knowledge

Awesome Lists containing this project

README

          


W3C logo

Web3Collectives


A free resource library for Blockchain developers and Web3 enthusiasts






Web3Collectives forks


Web3Collectives stars


Web3Collectives issues


Web3Collectives pull-requests


Web3Collectives licence

[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)












Web3Collectives - Your Gateway to Web3 Knowledge | Product Hunt
Web3Collectives - Your gateway to Web3 knowledge | Product Hunt




Preview Link
ยท
Report Bug
ยท
Request Feature



Feel free to submit your contributions to this project.
Read our Contributors Guidelines. You can also support by making donations to help it improve.

## **Project Overview** โœจ

Web3collectives is a free Web3 resource library that helps you level up your blockchain development and technology skills.

Preview Link:

### **Technologies Used** ๐Ÿ› 

- React (JavaScript Library)
- React-Router (React Library)
- Vite (Build and Development Tool)
- Formspree (Form Management)
- Vercel (Web Hosting and Analytics)
- ConvertKit (Newsletter Subscription)
- EmailJS (Email Integration)

### **Resources** ๐ŸŽจ

- React Icons:

## **Why I started this project** ๐Ÿ˜‡

The inspiration for this project emerged when I stumbled upon a design resources website. Prior to that, I had been curating a compilation of Blockchain development resources in a GitHub repository called [Blockchain Development Resources](https://github.com/frankiefab100/Blockchain-Development-Resources).

Realizing that a significant portion of individuals, particularly beginners and non-developers, might not be familiar with GitHub, I embarked on building this project with the aim of making Web3 Education easily accessible to everyone, completely free of charge.

## **Categories**

- Websites
- Youtube Channels
- Development Tools
- Online Courses
- Interactive Tutorials
- Documentations
- GitHub Repositories
- Project Starter Template
- Node Providers
- Blogs
- Books
- Others
- Learning Communities
- Cheatsheets
- Bounty Hunting Websites
- Hackathons & Grants

## **Experience Levels**

- Beginner
- Intermediate
- Advanced

All resources are stored in `/data` directory as an array of JavaScript objects.
In this format:

```JS
[
{
id: number,
coverImage:string,
title: string,
description:string,
url: string,
tag: [string, string],
keywords: [string, string],
},
]
```

## **Folder Structure** ๐Ÿ“

```bash
โ”œโ”€โ”€ .github
โ”œโ”€โ”€ src
โ”‚ โ”œโ”€โ”€ assets
โ”‚ โ”œโ”€โ”€ components
โ”‚ โ”œโ”€โ”€ data
โ”‚ โ”œโ”€โ”€ pages
โ”‚ โ”œโ”€โ”€ App.jsx
โ”‚ โ”œโ”€โ”€ index.css
โ”‚ โ”œโ”€โ”€ main.jsx
โ”œโ”€โ”€ .all-contributorsrc
โ”œโ”€โ”€ .eslintrc.json
โ”œโ”€โ”€ .gitignore
โ”œโ”€โ”€ .prettierignore
โ”œโ”€โ”€ .prettierrc
โ”œโ”€โ”€ CHANGELOG.md
โ”œโ”€โ”€ CODE_OF_CONDUCT.md
โ”œโ”€โ”€ CONTRIBUTING.md
โ”œโ”€โ”€ LICENSE
โ”œโ”€โ”€ index.html
โ”œโ”€โ”€ package-lock.json
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ renovate.json
โ””โ”€โ”€ vite.config.js
```

## **Getting Started** ๐Ÿ’ป

This project was bootstrapped with [Vite](https://vitejs.dev).

### **Prerequisites**

Make sure you have [Node.js](https://nodejs.org/) and [NPM](https://www.npmjs.com/) installed.

- Node.js (>= 17.4.0)
- NPM (>= 8.4.0)

### **Setup** ๐Ÿ‘จโ€๐Ÿ’ป

Install dependencies

```BASH
npm install
```

Run the development server

```BASH
npm run dev
```

Navigate to `http://localhost:3000` in your browser to view the web app.

## **Contributing** ๐Ÿค๐Ÿพ
We appreciate contributions, whether it is:

- Reporting a bug
- Submitting a fix
- Adding more resources.
- Proposing new features

Please refer to [Contributing Guidelines](./CONTRIBUTING.md) to learn how to getting started with your contributions.


## Contributors โœจ
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):



Victor Eke
Victor Eke

๐Ÿ’ป ๐ŸŽจ
Ikechukwu Peter
Ikechukwu Peter

๐Ÿ’ป ๐Ÿ›

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

## **Attribution**

This project was inspired by
- [Toools.design](https://toools.design)
- [Designresourc.es](https://designresourc.es)

## **License** ๐Ÿ”

This project is built under the [MIT License](./License).

## **Sponsor** โค

If you like this project, please give it a star โญ and/or consider buying me a coffee(s). Every donation is appreciated.





bmc-button