Giter VIP home page Giter VIP logo

jfmartinz / resourcehub Goto Github PK

View Code? Open in Web Editor NEW
139.0 4.0 279.0 29.56 MB

ResourceHub is an open-source project that serves as a one-stop repository of valuable resources curated by the amazing contributors in the community🚀

Home Page: https://resourcehubdev.vercel.app/

License: MIT License

HTML 47.81% CSS 36.54% JavaScript 12.84% Python 2.81%
beginner-friendly contributions open-source resources web-development webdesign webdevelopment collections contributors-welcome hacktoberfest

resourcehub's Issues

💡 [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

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.

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

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:
image

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

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.

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

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

🐞 [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

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.

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

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:
image
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.

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

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.

🐞 [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 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>
  1. 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.
  2. Add it to the table of contents below the games section

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

💡 [FEATURE] - Proper Project Documentation

Idea Contribution

  • I have read all the feature request issues.

Explain feature request

Documentation is missing, without any proper documentation it is hard to setup project in our system.

Explain your solution

Since this project is under GSSoC, so will modify it accordingly. This thing helps other developers to setup this in their system without any issue.

Any alternative approaches/features

No response

Additional Context

assign me this work under GSSoC, I will implement.

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.

Girlscript Summer of Code Introduction/Tracking

👋 Hi @jfmartinz,

I am Prince,web developer(Core Team) Girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you :octocat:

Add templates for issues

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a “Report Bug” and “Feature Request” issue template.
you can refer this: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository

Some suggested prompts/questions you can add to a “Report Bug” template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a “Feature Request” issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to your

Add Topics

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. 👍

Add issues

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you must add the tag GSSoC'24, Level 1, Level2, Level 3 good first issue etc.
How we cacluclate the Scores on Leaderboard: Every PR one point
Level 1: 10 points
Level 2: 25 points
Level 3: 45 points
Try to add some documentation issues as well it would be easy for beginner contributor to explore opensource through your repo.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.
Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/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

Make a One Stop Website for UI/UX Design Category

Idea Contribution

  • I have read all the feature request issues.

Explain feature request

By outlining the requirements and desired features for the Resource Hub website, we can ensure that it meets the needs of users who are seeking information and resources on the topic.

Explain your solution

No response

Any alternative approaches/features

No response

Additional Context

No response

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

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

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

  3. 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.

Learn.md

Learn repos should have a LEARN.md file to teach student how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

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.

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 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:
image

💡 [FEATURE] - Readme Can Be improved

Idea Contribution

  • I have read all the feature request issues.

Explain feature request

The current ReadMe of the repo is not giving the apt information required by me, as a third person user

Explain your solution

I will create a complete new Readme that will help the user visiting the site to take complete usage of the repo

Any alternative approaches/features

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

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>
  1. Add at least 3 resources in the section. It should be related to web development. It could be articles, github repository, yt or websites.
  2. 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 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.

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

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!

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.
  • 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

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.

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)
image

Notes: Use h4 to the headings

🐞 [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 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:
image

Make a One Stop Website for Web Development Category

Idea Contribution

  • I have read all the feature request issues.

Explain feature request

By outlining the requirements and desired features for the Resource Hub website, we can ensure that it meets the needs of users who are seeking information and resources on the topic.

Explain your solution

No response

Any alternative approaches/features

No response

Additional Context

No response

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.