Web3Collectives

A free resource library for Blockchain developers and Web3 enthusiasts

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

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: https://Web3Collectives.vercel.app/

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: https://react-icons.github.io/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.

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.

Experience Levels

Beginner
Intermediate
Advanced

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

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

Folder Structure 📁

├── .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.

Prerequisites

Make sure you have Node.js and NPM installed.

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

Setup 👨‍💻

Install dependencies

npm install

Run the development server

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 to learn how to getting started with your contributions.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Victor Eke}
💻 🎨

_{Ikechukwu Peter}
💻 🐛

This project follows the all-contributors specification. Contributions of any kind welcome!

Attribution

This project was inspired by

License 🔐

This project is built under the MIT License.

Sponsor ❤

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

frankiefab100 / Web3Collectives

readme