firstcontributions.github.io icon indicating copy to clipboard operation
firstcontributions.github.io copied to clipboard

Add Icons to Search and Filter Bars for Improved User Interface

Open DineshPawar7 opened this issue 1 year ago • 11 comments

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.

Screenshot 2024-11-02 105249

DineshPawar7 avatar Nov 02 '24 05:11 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 avatar Nov 02 '24 05:11 DineshPawar7

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

DineshPawar7 avatar Nov 02 '24 05:11 DineshPawar7

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

Esh07 avatar Nov 02 '24 11:11 Esh07

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

thanks

DineshPawar7 avatar Nov 02 '24 11:11 DineshPawar7

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

Devulapally-MaheshBabu avatar Nov 02 '24 15:11 Devulapally-MaheshBabu

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

drashtiv03 avatar Nov 04 '24 06:11 drashtiv03

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

If it is okay I will raise the pull request.

Thank you

Srikanth9793 avatar Nov 05 '24 03:11 Srikanth9793

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 avatar Nov 05 '24 13:11 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.

DineshPawar7 avatar Nov 05 '24 13:11 DineshPawar7

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

SuhaniSingh-itsme avatar Nov 17 '24 07:11 SuhaniSingh-itsme

@Roshanjossey Please review this https://github.com/firstcontributions/firstcontributions.github.io/pull/448 if possible. Thanks

Srikanth9793 avatar Nov 19 '24 06:11 Srikanth9793