gray-mueller / gray-mueller/restaurant-delivery-platform-using-react-js

Add Search Option in Country Selection Dropdown on Sign-Up Page – Enatega Multivendor

Open Beginner friendly
#563 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
On the Enatega Multivendor website’s sign-up page, when selecting a country for adding a phone number, there is no search option in the country list. This makes it time-consuming for users to find their country, especially in a long list.

To Reproduce
Steps to reproduce the behavior:

Go to the Enatega Multivendor website sign-up page.
Click on the country code dropdown in the phone number field.
Scroll through the country list.
Notice there is no search bar to quickly find a country.
Expected behavior
A search bar should be available at the top of the country list so users can quickly type and find their country by name or code.

Desktop (please complete the following information):

OS: [e.g. Desktop]
Browser [e.g. 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.

Labels: Enatega Website, Bug

Contributor guide

Open the contributing guide

Research direction

Open the Enatega website sign-up page and inspect the phone-number country-code dropdown component and its country-list entry point. Verify how the dropdown currently renders, then add a searchable country list where users can find countries by name or code and confirm the behavior in the sign-up flow.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.