Implementation of Loading Indicator for Phone Number Verification Page Transition

Open
#301 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

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

Research direction

Start by reproducing the transition from the phone number verification page after entering a number, then locate that page and the transition entry point in the React Native app. Add visible loading feedback while the transition is processing, and verify that it appears during the transition without blocking completion.

Written by the indexing model from the issue text.

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

Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from lambertf917/ubereats-clone-app-using-react-native

All issues in lambertf917/ubereats-clone-app-using-react-native

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.