Web3Collectives

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.

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:

[
  {
    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):

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

Attribution

This project was inspired by

• Toools.design
• Designresourc.es

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.