The search bar

[nitishsaini706]

Description

When hover over search bar user should be able to search or when click on search bar user should be redirected to search page, It gives better user experience as compared to user clicking search button to search users

Screenshots

Additional information

No response

[github-actions[bot]]

It's great having you contribute to this project

Welcome to the community :nerd_face:

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[PritamSarbajna]

hello, I'm new to open source contribution. Can I try to fix this issue ?

[EmmaDawsonDev]

Hi @nitishsaini706 Can you explain in more detail what you would like to happen? What would the user see when they hover the search bar? How would this work on mobile where there is no hover available?

We might want to add other things into the menu bar at a later date - how would that work if the entire menu bar redirects to the search page on click? Is there some other way that the search function could be made clearer?

[nitishsaini706]

Sure @emmalearnscode , if you look at the user interface of the app , you'll see this

when user hover and clicks on the such long search bar , nothing happens , first timers wont have any clue why this is not working , as we can only search if we click that search icon . what I suggest is we should update the whole bar that when user hover , they'll be able to search

[PeroHub]

Hi @nitishsaini706 Can you explain in more detail what you would like to happen? What would the user see when they hover the search bar? How would this work on mobile where there is no hover available?

We might want to add other things into the menu bar at a later date - how would that work if the entire menu bar redirects to the search page on click? Is there some other way that the search function could be made clearer?

@emmalearnscode I think the search bar on the homepage should stand alone and not be inside the menu bar. So now, when users search for something, it will redirect them to the search page by filtering the result for them.

[cosmiclasagnadev]

@emmalearnscode I think the main confusion with the search function is that, at first glance, it's styled similarly to a whole search bar. @nitishsaini706 wants to eliminate this confusion by styling the whole nav bar as a search bar.

What I would suggest is to just group the search icon to the right with the github version badge and adjust the border styles to make it more evident that this is a whole nav bar. I think this would improve the UI/UX of this homepage.

[PritamSarbajna]

@aoponcedeleon absolutely agreed to what you just suggested. hey @emmalearnscode can I try to fix what @aoponcedeleon just suggested

[SquatCub]

Very good suggestions. I don't know if this thread is dead but I'd like to work in this issue if possible.

[ShreyaPrasad1209]

@emmalearnscode is this issue still active? If yes, I'd like to work on it.

[MadhuSaini22]

Does anyone is working on this issue, if not I'm interested to work on :)

[nicwithdev]

Hey! This issue is still open, am I free to start working on this?

[eddiejaoude]

hey everyone, apologies for my slow reply. The new version of the LinkFree project is out now using NextJS and TailWind

I will close this issue, but please feel free to create a new issue and we can assign it to you