BT
Bình Trần

E K Y C Component - Copy this React, Tailwind Component to your project

Create a React based UI component for an EKYC (Electronic Know Your Customer) flow. The UI should have the following steps: Upload Document: Provide a form to upload a user's identity document (e.g., passport, ID card). Upon submission, the document should be sent to the OCR API at https://my.tino.org/userapi?bash#ocr recognition 245. Display the extracted information (e.g., name, date of birth, document number) from the OCR API response on the UI for the user to confirm. Face Verification: Provide a step where the user takes a selfie or uploads a picture. This picture should be sent to the FaceID verification API at https://my.tino.org/userapi?bash#faceid verification 246 to compare it with the photo on the uploaded document. Display the verification result to the user (whether the face matches or not). Status: After both the OCR and FaceID steps are completed, show the overall status of the EKYC process (e.g., “Verified,” “Failed Verification”) based on the API responses. Include error handling for API failures (e.g., if OCR fails to recognize the document or if the face verification does not match). Use best practices for API error handling, form validation, and state management.

Prompt
Component Preview

About

EKYCComponent - Upload documents, verify faces, and check status in a seamless flow. Built with React and Tailwind. Get instant access!

Share

Last updated 1 month ago