स्टैंडर्ड 2FA लॉगिन (Standard 2FA)

ओवरव्यू

उपयोगकर्ता को पासवर्ड को इनपुट करने के बाद, उन्हें WhatsApp/Telegram के माध्यम से वेरिफिकेशन के लिए कहा जाता है। यह फाइनेंशियल और एडमिन डैशबोर्ड के लिए आदर्श है।

हाउ टू इम्प्लीमेंट

1. पासवर्ड की वेरिफिकेशन के बाद, उपयोगकर्ता को POST /api/verify/init API को कॉल करने के लिए कहें, जिसमें phoneNumber और method पास किए जाते हैं।

2. ReOTP इंटरफ़ेस को दिखाएं, जिसमें QR और लिंक होते हैं।

3. SSE (Server-Sent Events) को शुरू करें जब तक VERIFIED न हो।

4. VERIFIED स्टेटस पर पहुंचने पर, उपयोगकर्ता को लॉगिन या ऑपरेशन को पूरा करने की अनुमति दी जाती है।

UI/UX गाइडलाइंस

• दो चरणों को स्पष्ट रूप से दिखाएं (चरण 1: पासवर्ड, चरण 2: ReOTP).

• ब्लू और एमरल्ड कलर का उपयोग करें।

• QR या कॉपी करने योग्य लिंक दिखाएं।

प्रोम्प्ट

आप एक Next.js में विशेषज्ञ हैं। ReOTP के लिए एक स्टैंडर्ड 2FA सिस्टम बनाएं।

रिक्वायरमेंट्स

1. /login पेज को दो चरणों में बनाएं: पासवर्ड और ReOTP।

2. पासवर्ड की वेरिफिकेशन के बाद, उपयोगकर्ता को POST /api/verify/init API को कॉल करने के लिए कहें, जिसमें phoneNumber और method पास किए जाते हैं।

3. ReOTP इंटरफ़ेस को दिखाएं, जिसमें QR और लिंक होते हैं।

4. SSE (Server-Sent Events) को शुरू करें जब तक VERIFIED न हो।

5. VERIFIED स्टेटस पर पहुंचने पर, उपयोगकर्ता को लॉगिन या ऑपरेशन को पूरा करने की अनुमति दी जाती है।

6. डिज़ाइन: Liquid Glass, ब्लू और एमरल्ड कलर, RTL/LTR।

सिक्योरिटी

• पासवर्ड की वैलिडिटी की जांच करें इससे पहले कि ReOTP शुरू हो।

• trustScore को JWT में स्टोर करें और डेटाबेस में स्टोर करें।