Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add a search bar #37

Merged
merged 1 commit into from
Oct 22, 2023
Merged

Add a search bar #37

merged 1 commit into from
Oct 22, 2023

Conversation

KatiaGhezali
Copy link
Collaborator

  • Implemented a search bar component. The search bar allows users to enter a search term, query the Firebase database for products containing the search term, and display the search results in real-time while highlighting the written terms in blue color.

  • While searching, you do not have to bear in mind if your are using upper or lower case, it is not case sensitive.

Screenshots

The Search Bar Style:

image

No case sensitivity:

image

Accuracy:

image

Handling non-availability:

image

Related Issue

@KatiaGhezali KatiaGhezali added enhancement New feature or request design Styling is involved component component labels Oct 22, 2023
@KatiaGhezali KatiaGhezali linked an issue Oct 22, 2023 that may be closed by this pull request
SearchBarC #36
Closed
12 tasks
@vercel
Copy link

vercel bot commented Oct 22, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
student-store ✅ Ready (Inspect) Visit Preview Oct 22, 2023 6:39pm

Ben-Tewfik
Ben-Tewfik approved these changes Oct 22, 2023
View reviewed changes
Copy link
Contributor

@Ben-Tewfik Ben-Tewfik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job working on the searchbar

hocine1212
hocine1212 approved these changes Oct 22, 2023
View reviewed changes
Copy link
Contributor

@hocine1212 hocine1212 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for your hard work. I know you faced challenges, but you made it in the end👏.

@KatiaGhezali KatiaGhezali merged commit 0056563 into develop Oct 22, 2023
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@Ben-Tewfik Ben-Tewfik Ben-Tewfik approved these changes

@hocine1212 hocine1212 hocine1212 approved these changes

@samiba6 samiba6 Awaiting requested review from samiba6

@khaoulasara khaoulasara Awaiting requested review from khaoulasara

@MouniaBelkheir MouniaBelkheir Awaiting requested review from MouniaBelkheir

Assignees

@KatiaGhezali KatiaGhezali

@Ben-Tewfik Ben-Tewfik

Labels
component component design Styling is involved enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

SearchBarC
3 participants
@KatiaGhezali @hocine1212 @Ben-Tewfik