Add Icons to Search and Filter Bars for Improved User Interface

[DineshPawar7]

Description:
I would like to enhance the user interface by adding icons to the search and filter bars. Adding these icons would make the UI more intuitive and visually appealing. I've attached a screenshot to illustrate how the icons might look.

Current State:
The search and filter bars currently lack icons, which can make them less visually distinctive and slightly less intuitive for users.
Proposed Changes:
Add a search icon to the search bar.
Add a filter icon to the filter bar.
Benefits:
Improved user experience by making the search and filter functionality more recognizable at a glance.
Enhanced visual appeal and better alignment with modern UI design practices.
Additional Context:
Please see the attached screenshot for a visual reference of the proposed icons. If this enhancement is approved, I would be happy to work on it and submit a pull request.

[DineshPawar7]

I’m working on this issue and exploring options for adding icons to the search and filter bars. I’ll keep you updated on my progress!

[DineshPawar7]

package.json file is missng in this project, why?

[Esh07]

This issue belongs to https://github.com/firstcontributions/firstcontributions.github.io

[DineshPawar7]

This issue belongs to https://github.com/firstcontributions/firstcontributions.github.io

thanks

[Devulapally-MaheshBabu]

This is my first open source assignement.I find the best way to solve this problem....!Please assign me.

[drashtiv03]

I really want to work on this issue.Please assign me this.

[Srikanth9793]

Hi @DineshPawar7 I have added the search and Filter icons for the search fields. Please see the screenshot below:

If it is okay I will raise the pull request.

Thank you

[DineshPawar7]

Hi @Srikanth9793
this is really good, but I am not the admin of this repository, I have just created this issue and listed it, I wanted to work on this issue myself.

[DineshPawar7]

I am going to make an open source contribution for the first time. Can someone tell me how to do npm install after forking this repository and opening it in vscode, because there is no package.json file in this repository.

[SuhaniSingh-itsme]

Hii, I’m new here and would love to contribute. Could you point me to a beginner-friendly issue or task?

[Srikanth9793]

@Roshanjossey Please review this #448 if possible. Thanks