jfmartinz/resourcehub

ResourceHub is an open-source project that serves as a one-stop repository of valuable resources for web development. 🚀

What is ResourceHub

ResourceHub is an Open-Source project that serves as a collection of valuable resources for Web Development, carefully curated by the amazing contributors in the community.

You can contribute with helpful resources you've discovered on the internet and share them with us!

Categories

Here is a list of the currently available categories of the project:

• Web Development
• UI & UX Design
• Web3

How to contribute

Read CONTRIBUTING.md and create your own fork of this repository before submitting any contributions. Expand the following section for a quick guide on how to create a fork:

How to Fork this Repo and submit a Pull Request (PR)

1. Create a Fork

Click the Fork button at the top right of this repository to create your own copy.

2. Clone Your Fork

Clone the forked repository to your local machine following these steps:

1. Open the forked repository in your GitHub account.
2. Click on the Code button.
3. Select the HTTPS option in the Local tab.
4. Click the 'Copy to clipboard' icon.

Open a terminal and run the clone command followed by the URL you just copied. For example:

git clone https://github.com/jfmartinz/ResourceHub.git

3. Create a branch

Go to the repository directory on your computer using the cd command. For example:

cd ResourceHub

Create a new branch and switch to it using the git checkout command. Give it a name that is descriptive of the changes you are introducing.

git checkout -b 'new-branch-name'

Note: Replace 'new-branch-name' with the branch name of your choice.

4. Make your changes

Navigate to the category where you want your resources to be added. Once you've identified the appropriate category and have your resource in mind, proceed to make the necessary changes within that specific category.

5. Stage and commit your changes:

• Stage your changes using the git add . command.
• Commit your staged changes using the git commit command.
• Use a descriptive commit message that explains the purpose of your changes. For example:

git add .

git commit -m "Your descriptive commit message here"

Note: Replace "Your descriptive commit message here" with a concise and informative message.

6. Push your changes:

Pushing is how you transfer commits from your local repository to a remote one. To push use the command git push origin followed by your branch name.

git push origin 'your-branch-name'

Note: Replace 'your-branch-name' with the name of your branch.

5. Submit your changes for review

If you go to your repository on GitHub, you'll see a Compare & Pull Request button. Click on it to submit your PR.

Congratulations on successfully submitting your PR to our project! 🎉

Please consider sharing this repository with other developers to help increase its visibility and reach. 👍

---

Our Contributors 🤝

License 🛡️

ResourceHub is licensed under the MIT License - see the LICENSE file for details.

If you find this repository useful, please consider giving it a ⭐️

resourcehub's Issues

🐞 [BUG] - <title>

Issue Verification

• I have verified that this is a new bug report.

Describe the bug

No response

Expected behavior

No response

Steps to reproduce

No response

Additional Context

No response

sa

ss

Add a games resource in web development

Currently there are only few games resources in the list and you're task is to find enjoyable game that you can online. It should be ofc related to web development.

Please make sure that you read the Contributing guidelines before raising a pr

Add Tutorial or courses for UI & UX design

Currently there is a few resources in the UI UX design tutorial or courses section, you task is to find valuable resource that you think is helpful and worth sharing to the community.

Please make sure that you read the Contributing guidelines before raising a pr

Add a `best practices` section in web development

Adding a new section in web development.

Your task is to create a new section which is best practices It could be best practices in JS, CSS or HTML etc. related to web dev.

Make sure that your pr solved the following:

1. Add a new section best practices in web development

Use this format on creating a table

<table width="100%">
  <tr>
    <th>Resource Name</th>
    <th>Description</th>
  </tr>
  <tr>
    <td><a href="#">Resource Name</a></td>
    <td>Description</td>
  </tr>
</table>

2. Add at least 3 resources in the section. It should be related to web development. It could be articles, github repository, yt or websites.
3. Add the new section in to the table of contents below the challenges section

If you have any questions or clarification. Let me know. Thanks!

Create Feature Request (Issue Template)

We need to make it easier for people to suggest new features for our project. We want to set up a simple template that people can fill out when they have an idea. Your job is to create this form so that it's easy for everyone to use. This will help us keep track of feature requests and make our project better.

Add UI or UX Design YouTube Channels Resource

Our UI/UX design resources currently lack youtubers. To cater to different learning preferences, your task is to find and add informative UI/UX design YouTube channels to our resources list. These channels should offer tutorials, design critiques, industry insights, or any other valuable content related to UI/UX design.

Categorize the table for Tutorial or Courses

Categorize the resources in tutorials or courses section into different section: Front End, Back End, and Full Stack Development for improved user navigation. You can access the section here

Use this template for creating the table:

<table width="100%">
      <tr>
        <th>Resource Name</th>
        <th>Description</th>
      </tr>
    <tr>
         <td>Resource Name 1</td>
         <td>Description</td>
    </tr>

</table>

Something like this:

Notes: Use h4 to the headings

Add UI or UX Design Tools Resource

Our UI/UX design section is missing essential tools. Your task is to find and add valuable UI or UX design tools to our resources list. These tools can include design software, wireframing tools, prototyping software, or any other applications that facilitate the UI/UX design process.

Create a Banner for Project ResourceHub

In order to enhance the overall appeal of our project, ResourceHub, and attract both contributors and visitors, we need to create a visually compelling banner. A captivating banner can significantly boost interest and engagement with the project.

The primary goals of this issue are to design and create a banner that:

1. Elevates the overall appeal of ResourceHub, making it more appealing for potential contributors and users.
2. Draws attention to the project by utilizing images or graphics related to its core themes, which include web development, technology, UI/UX design, and similar areas. It's up to you. Be creative.
3. The ResourceHub should be included in the banner

You can use any software design tools that you're comfortable using.

Anyone can take this issue just mentioned me.

Add Web Development Communities Resource

The web development section of our project currently lacks any community resources. Your task is to find a suitable web development communities and add them to our resources list. These communities can include Discord servers, YouTube channels, Twitter communities, or any other relevant platforms where web development enthusiasts gather to share knowledge and engage in discussions.

Implement Auto Commenting for Issue Opened and Pull Request Merged

Create an automated commenting system that responds to new issues opened and pull requests merged in the project's repository. This feature will improve communication and engagement with contributors, making it easier to provide acknowledgments, guidance, or any relevant information whenever an issue is raised or a pull request is successfully merged.

Sample message whenever the issue is raised:
Whenever an issue is opened, include the following message: Thank you [author's name] for bringing up this issue to help enhance our project even further! I'll review it sooner. 🙌❤️' Ensure that the message mentions the author of the issue.

Sample message whenever the Pull Request is merged:
Whenever a pull request is merged, include the following message: 'Congratulations [author's name]! 🎉 Your pull request has been merged. Thanks for your valuable contribution! 🙌' Ensure that the message mentions the author of the merged pull request.

Create Pull Request Template

Creating a PR template is essential to make it easy for contributors, especially maintainers, to collaborate. Your task is to make a PR template to make collaboration easier for everyone.

What should the PR template include?

1. Pull Request Title Template
   Category: [Replace with the relevant category.]
   Resource Name & Type: [Replace with the name and type of the resource you're adding.]

[Category] - Resource Name & Type

2. Description
   [Provide a brief but informative description of the resource you are adding. Explain why it is valuable or relevant to the project.]

3. Resource URL
   [Add the URL to the resource you are proposing.]

4. Checklist
   Please make sure you've completed the following tasks before submitting your pull request:
   I have read and understood the contributing guidelines.
   I have followed the project's coding style and conventions.

UI/UX Readme list of improvements

Idea Contribution

• I have read all the feature request issues.

Explain feature request

I identified some areas of improvement within the UI/UX Category, as listed below by section:

• Tutorials and courses:

  • Could be beneficial to add a column to indicate if it's a paid or free resource. For some resources it's clarified in the title, but for consistency with the tables below it would be better to add that info into a column.

• Tools:

  • Several links are broken or the resource exists under a new URL. Need to update/remove them.
  • Tools of the same provider could be grouped together to facilitate access (e.g. Adobe tools)

• Design inspiration:

  • Broken links need to be updated/removed

• Books:

  • Different editions or revisits of the same books should be grouped together for easy identification

• Communities:

  • Adding a column to indicate in which platform you can find the community (Reddit, LinkedIn, Facebook, etc) can boost clarity.
  • After checking each URL some communities are really inactive, to keep the resource updated it would be good removing them from the list.
    • https://www.linkedin.com/groups/4496205/ - 0 publications a day
    • https://www.linkedin.com/groups/1854192/ - 0 publications a week
    • Last two links of the list in the document are described as different resources but lead to the same Linkedin group.

• Interview:

  • Changing the title to something more descriptive would be good for clarifying what the section is about. I suggest something like "UX/UI Job interview resources" because that implies that we are talking about Job interviews vs any other kind of interviews and also that there are several types of resurces that you can find in that section, like videos, podcasts, articles, etc.

• Newsletter:

  • Broken links need to be updated/removed

Explain your solution

No response

Any alternative approaches/features

No response

Additional Context

No response

Add Web Development Book Resource

The web development section of our project currently lacks any book resources, leaving it incomplete. Your task is to find a suitable web development book and add it to our resources table.

Add a challenges resource in web development

Currently there are few challenges resource list in the web development and you task is to find website that help developers build their coding and problem solving skills. It can be leetcode, front end mentor, or any challenges resources you think is suitable for the list.

Please make sure that you read the Contributing guidelines before raising a pr

Add table content for the web development tools

To make it easier for people to navigate in the tools section in web development. Your task is to make the table of contents for the tools section for web development.

• Tools
  • Typography
  • Colors
  • CSS Generators
  • ETC.

Something like this:

Categorize Web Development Tools

To organize and improve the accessibility of our web development resources, we are looking for contributions to categorize the tools listed in web development tool section. This will make it easier for users to find the specific tools they need based on their area of interest.

Use this template for creating the table:

<table width="100%">
      <tr>
        <th>Resource Name</th>
        <th>Description</th>
      </tr>
    <tr>
         <td>Resource Name 1</td>
         <td>Description</td>
    </tr>

</table>

Notes: Use h4 to the headings

Something like this:

Check this example in communities section

The categories you should add:

• Typography
  • Fontpair
• Colors
  • Palletemaker
  • Realtime Colors
• CSS Generators
  • CSS Portal
  • Fancy Border Radius Generator
  • Glassmorphism CSS Generator
  • Neumorphism.io
  • CSS Gradient Generator
  • Buttons Generator
  • CSS Grid Generator
• Icons
  • Boxicons
• CSS animation
  • Animista
• Code Playgrounds
  • Codepen
• Chrome extenstion
  • Pesticide for Chrome
• Stock Photos & Videos
• SVGs
  • SVG Viewer
  • Hero Patterns
  • SVG Backgrounds
  • Haikei
• Others
  • OVER API

Enhance Web3 Category with Short Descriptions

The web3 category currently lacks short descriptions that effectively communicate the content of each section or table.

Task

Your task is to create brief but informative descriptions for each table under the web3 category. Refer to the Tutorials or Courses category for inspiration on how to craft these descriptions.

Add a books resource for web development

Currently there are only few books that are available within the web development category and you need to find a helpful books to add in the list.

Please make sure that you read the Contributing guidelines before raising a pr

Add UI or UX Design Communities Resource

Our UI/UX design section lacks a sense of community engagement. To foster learning and collaboration, Your task is to find and add relevant UI/UX design communities to our resources. These communities can encompass forums, social media groups, or any other platforms where UI/UX designers gather to share insights, seek advice, and collaborate on projects.

Add an Interview section in web development

Adding a new section in web development.

Your task is to create a new section which is interview

Make sure that your pr solved the following:

1. Add a new section interview in web development

Use this format on creating a table

<table width="100%">
  <tr>
    <th>Resource Name</th>
    <th>Description</th>
  </tr>
  <tr>
    <td><a href="#">Resource Name</a></td>
    <td>Description</td>
  </tr>
</table>

2. Add at least 3 resources in the section. It should be related to web development. It could be articles, github repository, yt or websites. Up to you.
3. Add it to the table of contents below the games section

If you have any questions or clarification. Let me know. Thanks!

Join Us for Hacktoberfest 2023!

🌟 Welcome to Hacktoberfest 2023! 🌟

Calling all developers, coders, and open-source enthusiasts! We're excited to invite you to participate in this year's Hacktoberfest and contribute to our project. Whether you're a seasoned pro or just getting started, there's a place for you here.

🐞 [BUG] - <title>

Issue Verification

• I have verified that this is a new bug report.

Describe the bug

No response

Expected behavior

No response

Steps to reproduce

No response

Additional Context

No response

Add Facebook Groups resources for web development

Currently the table for Facebook Group is empty. You task to find community in facebook that developers gather to collaborate, share, and learn about web development. It can be front end, back end, and full stack.

• At least add 5 facebook groups related to web development
• It should be related to web dev
• Follow the format when adding a resources

Make sure you read the contributing.md before doing changes

Add resources on UI & UX Design Interview Preparation

The Interview section of our UI & UX design category repository is currently in need of additional resources. Your task is to add a valuable resources that can be included in the interview section.

• At least 3 resources
• It should be related to UI & UX design

Read contributing.md before making changes

Lack resources in tools section for web development

The tools section of our web development resource repository is currently in need of additional resources. Your task is to add a valuable resources that can be included in the tools section.

You can suggest as many resources as you like.

Categories that lack resources:

• Typography
• Colors
• Icons
• Stock Photos & Videos

Lack resources in tools section for web development

The tools section of our web development resource repository is currently in need of additional resources. Your task is to add a valuable resources that can be included in the tools section.

You can suggest as many resources as you like.

Categories that lack resources:

• CSS animation
• Chrome Extenstion
• Code Playground

Categorizing Community Section Resources

Currently the community section within our web development platform lacks proper organization and categorization. Your task is to categorize the resources in the community section into distinct tables to enhance user experience and accessibility. The primary categories for resource classification are as follows:

• Twitter:
• Facebook Groups:
• Reddit:
• Discord:
• Website:

You can access the community section here

use this template for creating the tables:

<table width="100%">
      <tr>
        <th>Resource Name</th>
        <th>Description</th>
      </tr>
    <tr>
         <td>Resource Name 1</td>
         <td>Description</td>
    </tr>

</table>

Expected output: (Add the other tables for discord and website)

Notes: Use h4 to the headings

Add contributor's list in README.md

Add a contributors list to the project's README file to acknowledge and showcase the profiles of all the valuable contributors who contribute to the project. Put it next to the license heading

Something like this:

🐞 [BUG] - <title>

Issue Verification

• I have verified that this is a new bug report.

Describe the bug

No response

Expected behavior

No response

Steps to reproduce

No response

Additional Context

No response

💡 [FEATURE] - Add UI/UX design youtube channel of ABNUX

Idea Contribution

• I have read all the feature request issues.

Explain feature request

Add youtube channel for UI?UX design

Explain your solution

Add the ABNUX channel in readme

Any alternative approaches/features

No response

Additional Context

No response

#hacktoberfest2023

Add a tool resource for web development

Currently there are only few tools for web development. You task is to find resource that you think is helpful and worth sharing with anyone.

Please make sure that you read the Contributing guidelines before raising a pr

Add resources for newsletter in UI & UX category

Currently the table for Newsletter is empty. Your task is to find a newsletter resources.

• At least add 5 newsletter related to UI & UX design
• It should be related to UI & UX design
• Follow the format when adding a resources
• You can search newsletter for UI & UX

Make sure you read the contributing.md before doing changes

Hacktoberfest 2023 Contribution Opportunity

Hello! I would like to extend an invitation to all of you to contribute to my repository. You can check the listed issues or create new ones. There are plenty of opportunities to make improvements within the project, and your contributions will be greatly appreciated!

Lack resources in community section for web development

The community section of our web development resource repository is currently in need of additional resources. Your task is to add a valuable resources that can be included in the communities section.

You can suggest as many resources as you like.

lacking resources:

• Twitter Groups
• Facebook Groups

Add UI or UX Design Books Resource

Our UI/UX design resources currently lack comprehensive literature. To enhance our design knowledge and skills, this issue focuses on identifying and adding recommended UI/UX design books to our resources. These books should cover essential topics, principles, and best practices in the field of UI/UX design.

Create a Bug fix (Issue Template)

We want to make it easy for everyone to report and fix bugs in our project. We need a straightforward bug fix template that anyone can use. Your job is to create a simple template that helps us describe and track bugs effectively. This will make it easier for us to find and fix problems in our project and improve its quality.

🐞 [BUG] - <title>

Issue Verification

• I have verified that this is a new bug report.

Describe the bug

No response

Expected behavior

No response

Steps to reproduce

No response

Additional Context

No response

🐞 [BUG] - <title>

Issue Verification

• I have verified that this is a new bug report.

Describe the bug

No response

Expected behavior

No response

Steps to reproduce

No response

Additional Context

No response