gray-mueller / gray-mueller/milk-delivery-app-react

Implementation of Loading Indicator for Phone Number Verification Page Transition

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

Description

Describe the bug
Currently, there is a lack of a loading indicator when users enter their phone number for verification on the Multivendor Food Delivery site. This absence of visual feedback may lead to uncertainty about the status of the verification process, causing a potential user experience issue.

To Reproduce
Steps to reproduce the behavior:

Visit the Multivendor Food Delivery site.
Navigate to the phone number verification page.
Enter a phone number for verification.
Observe the absence of a loading indicator during the transition to the next page.
Expected behavior
A loading indicator should be implemented to provide users with visual feedback during the transition to the next page after entering their phone number for verification. This will help users understand that the system is processing their input.

Screenshots

loading.indicator.mp4
Desktop:

Browser: chrome

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the phone number verification flow on the Multivendor Food Delivery site in Chrome, then locate the phone verification page and its transition to the next page. Done means a loading indicator is visible while the verification request and page transition are processing, matching the supplied loading.indicator.mp4 reference.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.