What to do:

Currently the components render with the count of total issues open in any particular repository. Try understanding the GitHub's API and extract the number of active open issues.

Suggestion

• Try an inner fetch using the repository's URL or name

The ### UI I feel should get additional functionalities will get started with working of making UI more functional and attractive.
will look for all the depreciated libraries and try to give additional functionalities as follows-

1. We can let the contributors know more about the open-source projects.
2. Are they active and what is their frequency of contribution?
3. UI should be more attractive and developer the details should be available hassle-free to developers.

Find-Me-Issues-2.0

Describe the bug
Currently, the App is hosted on Heroku but due to Heroku's free tier, I am unable to maintain an active CI/CD integration between the repository and the deployment. Would be better to shift the whole application to the frontend so we can have a constantly running React App

Describe the bug
Specifically mentions an "unsupported" operation in the OpenSSL library. Additionally, there is a warning about an outdated version of "caniuse-lite" which is related to browser compatibility data.

To Reproduce
Steps to reproduce the behavior:
When I try to start the server in codespace I find this error. I used "npm run start" command.

Expected behavior
It should have started the server but didn't. It throws errors that make a bad impression.

**Screenshot **

Hey, I am Vinayak Kanjiker I would like to contribute in this app can you please assign me a task .
This is for my open source contribution class.
please contact me at [email protected]

What to do?

As the description is taken from GitHub's API and passed as a prop, sometimes emojis fails to load in description. Try to fix this issue such that all emojis load without any problem.

What to do:

The bar that comes on top of the page should also appear as a duplicate at the bottom so that users don't have to scroll all the way up to change the page

How to reproduce:

• When trying to shift between pages in quick successions, it results in breaking the app with the following error.
• Run the sever locally and try to jump between pages fast and you will recreate the error.

TypeError: Cannot read property 'repository_url' of undefined
SingleCard

D:/Codes/webDev/react/findMeIssues/client/src/components/SingleCard.js:8
  5 | import backg from '../git9.jpg';
   6 | 
   7 | const SingleCard = (props) => {
>  8 |   console.log(props.repo.repository_url);
   9 |   const [repo, setRepo] = useState(null);
  10 |   useEffect(() => {
  11 |     // GET request using fetch inside useEffect React hook
`

When we hover over some of the buttons on our website, the text color does not change to black as intended.

Upon hovering over any button, the text color should transition smoothly to black. This change should make the button text more readable and indicate to the user that the button is interactive

Steps to reproduce the behavior:

1. open the site
2. Hover on the each button
3. Observe that some buttons do not change their text color to black.

What to do:

Run a spinning or any other kind of loading animation for a split time period when the issues are being rendered one by one.

Free to follow any approach you feel fit in the scenario.

What to do:

• Filter the repositories returned from GitHub on the basis of stars of repo, forks and the length of the description. You are free to implement your own algorithms to get this done.
• Research the GitHub API properly to understand how this can be done.

Give a description of how you would like to implement this and I will assign it to you. PR without proper descriptions will not be accepted.

Describe the bug
The layout is broken in small viewports.

To Reproduce
Steps to reproduce the behavior:

1. start the project (yarn start on client).
2. Reduce the size of the viewport on whatever browser you are using.
3. Scroll down the issues list.
4. Look for out of place elements.

Expected behavior
Responsive layout.

Screenshots

Additional context
Since the project is using react-bootstrap I would suggest using Containers, Rows and Cols to achieve responsiveness.

Hello, I would love to have the opportunity to contribute to this project. I would like to contribute with component tests using react-testing-library, anything contact me by email: [email protected]

What to do:

Any kind of feature you see fit to add to the project, comment down below and if you can generate a PR for any feature upgrade that will also be great!

Hello, I'm Aryan, and I'm a beginner in open source. I'm currently exploring the field and looking for a suitable "Good First Issue" to contribute to. Is there an opportunity for me to participate in one of your projects?

Describe the bug
When trying to build the react application, due to react-scripts being less than version 5 it causes opensslErrorStack, which is restricting rehosting the application again. Upgrading the version of the package to 5.0.1 will solve the issue testing a bit how the application works

To Reproduce
Steps to reproduce the behavior:

1. Pull the package
2. Run npm install and start the react server
3. The CLI should prompt ERR_OSSL_EVP_UNSUPPORTED

Expected behavior
Expected is the react application should be hosted in the expected location both local and on a server.

Screenshots
NA

Additional context
NA

Try to improve the card design using material UI, to fill up the empty space.

Suggestions:

• Add borders
• Add overlay
• Add better buttons

Describe the bug
To prevent multiple re-renderings, increase code clarity, improve maintainability implement PropTypes and destructure props in all relevant files across the codebase.

Expected behavior
Destructure props, fix useEffect dependencies to prevent re-rendering and add prop-types for type safety.

What to do:

Implement a dark mode for the whole web-app that has a manual as well as automatic shift into dark mode as per the user system.
The button for shifting to dark mode can be on the top left of the web-app.

Hello, I'm Josh. If there's anything I can help with I love to solve problems. I would do great with a "good first issue."

Describe the bug
When the theme button is toggled, it triggers an API call. This behaviour is not optimal for performance and could be improved.

To Reproduce
Steps to reproduce the behavior:

1. Open the application
2. Open devTools to observer network calls
3. Toggle the theme button

Expected behavior
The theme changes without making an API call.

Suggested to hide the Packages if not being used !!

What to do:

Design a sleek looking design for the page number division that can be found in Navigation.js

You can use material.ui and react bootstrap as they are part of the project already.

What To Do:

The drop down menu on the right side of the web-app does not have a scroll bar making it difficult to manage as the language support keeps increasing.

Limit the amount of active languages in the dropdown and add a scroll-bar to access all the languages below.

Reference: right side drop down

Access the website here for a better reference : here

https://find-me-issues.herokuapp.com/ is not working currently.

@version0chiro Please help to check the logs and fix the issue.

And let me know once it is fixed, I would like to contribute to the project.
Thanks.

Create the steps of GitHub actions such that whenever a new push or merge request is made, it automates the task of deploying.

I'm too old for new but not far from beginner, can i get add contributions to this 👯

Describe the bug

When clicking on "JavaScript" in the menu, it expands all technologies in the menu. when attempting to scroll within the menu, the entire site scrolls instead of just the menu.

Steps to reproduce the behavior:

1. Open the site.
2. Click on "JavaScript" in the menu.
3. Attempt to scroll within the menu.
4. Notice that instead of scrolling the menu, the entire site scrolls.

Expected behavior

Scrolling within the menu should scroll only the menu itself, not the entire site.

Video

What to do:

Make a better and more elaborate readme file that explains everything properly.

What to do?

Inside the react client folder, there is a JSON file in here, add more languages that are supported by the GitHub search API

Suggestions:

• Try adding C#
• Vue.js

Hello! I noticed that this app's Navbar and Filters section could use some redesigning. I am a professional Graphic Designer and I'm looking into contributing to opensource, so I'd be honored if I was given the opportunity to redesign these sections of your app!

Here are my proposals:

1. Merge "Select language" and "Search Bar" into a single "double search bar" like the one on Indeed.com.
2. Create a new "Filters" section that combines the page-search bar and the "Filters" dropdown into a single line
3. Move "Sort By Stars" and "Sort By Forks" to a new "Sort By" button that is attached to the "Filters" section
4. Make everything responsive, so it works on mobile devices

I firmly believe that these changes would modernize the look of the app and lead to a significantly improved user experience.
This would be my first opensource contribution, but I'm excited to learn about the opensource workflow. If it goes smoothly I could even design a new logo for the site!

What to do:

Add ability to add additional filters to the search, such as minimum number of stars or forks or any other information that may seem important when trying to find relevant projects to contribute to. You are free to use any kind of layout of your own or any library you wanna try and implement. Submit a PR explaining your contribution!