jfmartinz / resourcehub Goto Github PK

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

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

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

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

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

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!

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.

👋 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

• #122
• #123
• #124
• #125
• #126

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:

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.

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:

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.

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

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

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.

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

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

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

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.

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.

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

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

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

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

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

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

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

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.

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.

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.

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

We recommend that every repo has a code of conduct. If you don’t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub. If you do use a template, please read through the template and ensure that you can and will abide by the Code of Conduct.

Please follow these instructions on how to add a Code of Conduct.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

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

ss

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

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

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!

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.

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

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

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

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.

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.

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

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.

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

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

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

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

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!