voscarmv / issue-finder Goto Github PK

Filter at top of screen even if you scroll down

Filter

Mobile View

Desktop View

• We are looking to improve the UX of the app by always being able to access the filter inputs even if there is a large output list.

• We should be able to scroll through output issues without loosing sight of our filter options.

• Open a new pull request with changes.

Do not hesitate to let us know if you have any questions 👋

MLH's David Lazaro gave this awesome talk about where to find good first issues.

There are other github issue search engines out there.

Maybe take some ideas from them and implement them here!

https://www.youtube.com/watch?v=tPRizVvDcKI

Is your feature request related to a problem? Please describe.
To claim copyright issues, I want to add footer to the site

Describe the solution you'd like
Add footer to the site, to claim copyright issues

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Hi Team,

Currently, the list of issues displays all issues (Both assigned and unassigned together)

I would like to suggest. Allowing the user to filter the issues found either by all, assigned, or unassigned.

I have given it a try, but I have not been able to get it to work. I still haven't found the right approach.

I will continue trying but if someone else can manage to get it to work. Please post a comment on this issue.

Describe the bug
A clear and concise description of what the bug is.
button not visible in light mode , select input is not responsive and need to refactor the UI

To Reproduce
Steps to reproduce the behavior:

1. Go to 'HomePage'
2. Click / Hover on Button 'find issues'
3. Scroll down to '....'
4. See error

Expected behavior
Everything related to features is great. But need to fix the UI .

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS] UBUNTU 22.04.3
• Browser [e.g. chrome, safari] chrome
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Opening the App and setting All labels for Rails framework causes currently a blank page and the following log messages: TypeError: u is null and Uncaught TypeError: u is null

• OS: Ubuntu 20.04
• Browser: Firefox
• Version: 107.0 (64-bit)

All labels are not loading anymore, just because one URL failed to load.

1. go to the 'All' option from the label menu,
2. click on the load labels button to find the bug.

labels will never load.

Fix h1 Title sizing

h1 Tittle

h1 properties being blocked (size of "Title" is small)

Ideal size of "Issues" Tittle

• We would like to have the "Issues Title appear with proper h1 sized formatting as shown above in the "Ideal Size" snapshot.
• Open a new pull request with changes

Do not hesitate to let us know if you have any questions 👋

Toggle Light/Dark mode

• Currently Issue Finder has dark theme. It would be great to improve accessibility to add a Light theme feature to the app.
• Open a new pull request with changes

Do not hesitate to let us know if you have any questions 👋

Hi Team,

Great work on creating this amazing tool. I was setting up the project on my machine and I don't think it might be easily understandable to beginners that they need to add a GitHub token to the label_grouping.js file.

I suggest improving the wording in the dependencies section in the readme file to make it more explicit about what one needs to do.

Also, the linters section mentions creating a .eslintrc.json file, but the file already exists. I can also fix that issue since it is updating the Readme.

I would be happy to make the improvement.

The tests are currently not passing due to an incorrect path importing App.js in App.test.js.

Attached is a screenshot showing the error

I would like to work on this issue and fix that.

In firefox for windows, spacing above and below the progress bar is not working, as it is working in chrome.

filter/menu of the app is not responsive. label and language menu are going outside the screen.

Use Best Practices for Firebase configuration

Location

• src/utility/firebase.js

Instructions

• Create .env file (if not already created)

• Move to .env file:

  • apikey
  • authDomain
  • projectId
  • storageBucket
  • messageingSenderId
  • appId
  • measurementId

• Open a new pull request with changes

Do not hesitate to let us know if you have any questions 👋

The filter menu takes up all of the screen space in the mobile phone when in landscape mode.

h1, h2, h3, h4, and h5 tags are working in development but not in the production build.

development	production

How to recreate this bug?

• to view in the development mode run npm start in the terminal.
• to view in production mode run npm run build in the terminal and then serve the build you get in the build folder.
  • to serve run npm install -g serve followed by serve -s build

Update Results Cards

Snapshot

Suggestions

• We would like to include titles to our cards. This could improve the UX of the app.

• Open a new pull request with changes

Do not hesitate to let us know if you have any questions 👋

I've identified an issue that significantly affects the user experience on our platform. After conducting searches, I've noticed that the filter section takes up a substantial portion of the screen, causing inconvenience to our users.

Proposed Solution:
To address this issue and enhance the user experience, I propose the following solutions:

1. Redesign the filter section to float above the screen, ensuring it does not obstruct the content.
2. Introduce a "Filter" button that allows users to toggle the visibility of the filter section as per their preference.