Date	Changes	Link	By
23 April 2024	List of Changes Use biometric login on the login page Add biometric login on the profile page	This PRD	Umam

Context	Currently, on the login page, Hungry hub app has some options for users. it provides email & password for logging in or using facebook/google account login.
Problem	Using the traditional method is often time-consuming. Users often forget their credentials or struggle with complex password requirements, leading to frustration and a poor user experience.
Solution	Biometric login system based on face recognition or fingerprint technology to streamline the authentication process and enhance security. Users can authenticate themselves simply by facing the camera or tap the finger (fingerprint), eliminating the need to type passwords or remember complex credentials. The system will capture, analyze them, and match them against stored biometric data to verify the user's identity swiftly and securely.
Name of Feature	Biometric Login (Face Recognition and Fingerprint)
Objective	Biometric can save user time during the login process while ensuring robust security measures. By leveraging facial recognition and fingerprint technology, users can access their accounts with minimal effort, thereby enhancing user experience and reducing login friction.
Gains	Face recognition and fingerprint technology enables users to log in quickly by simply facing the camera, saving time and reducing login friction Simplified login procedures enhance user satisfaction and engagement, leading to increased adoption and retention rates Biometric login eliminates the need for manual input, making digital services more accessible to users with disabilities or those who struggle with typing on mobile devices
Pains	Facial recognition systems are not always perfect and can make errors in identifying individuals, especially in low-light conditions or if the user's face undergoes significant changes (e.g., due to hairstyle or wearing new glasses). Fingerprint systems are not always perfect and can make errors in identifying individuals, especially if the fingerprint is dirty or physical issue. Not everyone can easily use biometric login. For example, individuals with disabilities or certain medical conditions may struggle with using facial recognition technology Someone's face or fingerprint can be recorded or photographed without their knowledge, which can be used to trick biometric systems It's complicated for the user who has more than 1 account
Figma Link	Not started yet
Available Platform	Android/iOS
Sprint	TBD
Related PRD	-
Out of Scope	-

User Story

Requirement

As a user, I already logined with my account. and then i leave from the app. when i back to the app again. login page will be appeared. when i am on the login page, i want to enter through my account. but i want to save my time by avoiding entering username and password. I decide to use Login with Selfie Here is the flow On the login page, click the Login with Selfi``e button User will be redirected to other page. System will process it automatically (Based on native device, No need additional design) After loading, We have 2 conditions here : Success case ➝ Display Success Pop Up ➝ Successfully enter to homepage Error Case ➝ Display Error Pop Up ➝ Choose Try again or Choose other method Try again ➝ Use selfie again Choose other method ➝ Back to login page

Provide Login with Selfie button to provide more login option Provide Success Case Pop Up, If the verification is valid Welcome back! Your selfie has been recognized Provide Error Case Pop Up, If the verification is invalid Oops! We couldn't recognize you Please ensure your face is well-lit and avoid covering your face with accessories Writing for Loading Analyzing your selfie...

User Story

Requirement

As a user, I already logined with my account. and then i leave from the app. when i back to the app again. login page will be appeared. when i am on the login page, i want to enter through my account. but i want to save my time by avoiding entering username and password. I decide to use Login with Fingerprint Here is the flow On the login page, click the Login with Fingerprint button User will be redirected to other page Tap the finger/fingerprint After the fingerprint was captured, Wait for Loading... After loading, We have 2 conditions here : Success case ➝ Display Success Pop Up ➝ Successfully enter to homepage Error Case ➝ Display Error Pop Up ➝ Choose Try again or Choose other method Try again ➝ Use fingerprint again Choose other method ➝ Back to login page

Provide Login with Fingerprint button to provide more login option Provide Success Case Pop Up, If the verification is valid Welcome back! Your fingerprint has been recognized Provide Error Case Pop Up, If the verification is invalid Oops! We couldn't recognize you Please ensure your fingerprint is well-lit and avoid covering your face with accessories Writing for Loading Analyzing your fingerprint...

User Story

Requirement

As a user, i want to add face recognition as my login option on profile page Here is the flow : Login as a user Go to Profile page Go to Edit Profile page Click Login with Selfie Enter existing password to verify Note : Use the existing system verification for password User will be redirected to other page That consists of Title Prepare your selfie camera Description The description of facial recognition Illustration Get Started Button Tap Get Started Button Camera is turned on, user adjust his/her position After the selfie was captured, Wait for Loading... After loading, We have 2 conditions here : Success case ➝ Display Success Pop Up ➝ Back to Edit Profile page Error Case ➝ Display Error Pop Up ➝ Choose Try again or Cancel Try again ➝ Use selfie again Cancel ➝ Back to Edit Profile page

Provide Login with Selfie button to add the login option Provide Success Case Pop Up, If the selfie verification is valid Congratulations! You can login with selfie now Provide Error Case Pop Up, If the selfie verification is invalid Oops! We couldn't create your login with selfie Please ensure your face is well-lit and avoid covering your face with accessories Writing for Loading Analyzing your selfie...

User Story

Requirement

As a user, i want to add fingerprint recognition as my login option on profile page Here is the flow : Login as a user Go to Profile page Go to Edit Profile page Click Login with Fingerprint Enter existing password to verify Note : Use the existing system verification for password User will be redirected to other page That consists of Title Prepare your fingerprint Description The description of facial recognition Illustration Get Started Button Tap Get Started Button Tap finger/fingerprint After the fingerprint was captured, Wait for Loading... After loading, We have 2 conditions here : Success case ➝ Display Success Pop Up ➝ Back to Edit Profile page Error Case ➝ Display Error Pop Up ➝ Choose Try again or Cancel Try again ➝ Use fingerprint again Cancel ➝ Back to Edit Profile page

Provide Login with Fingerprint button to add the login option Provide Success Case Pop Up, If the selfie verification is valid Congratulations! You can login with fingerprint now Provide Error Case Pop Up, If the selfie verification is invalid Oops! We couldn't create your login with fingerprint Please ensure your fingerprint is clear and clean Writing for Loading Analyzing your fingerprint...

User Story	Requirement
As a user, i want to remove my selfie/fingerprint data on Login with Selfie page or Login with Fingerprint page Here is the flow : Login as a user Go to Profile page Go to Edit Profile page Click Login with Selfie page or Login with Fingerprint page User will be redirected to other page	Provide switch button to activate/inactivate the Login with Selfie page or Login with Fingerprint page Provide remove button to remove selfie or fingerprint data Provide pop up confirmation to remove

Question	Answer
Where can i see the reference?	MyBCA app Every biometric device setting