FE: Integrate university login flow in frontend

[onlydustapp]

📚 Overview

Implement the university login flow in the frontend by integrating the required authentication endpoints. This will enhance the user login experience by validating credentials, OTP, and wallet connection.

🛠️ Detailed Requirements

1. Login Flow (/login route):

   • Use the following endpoints:
     • Login with Password: Swagger Reference
     • Send OTP: Swagger Reference
   • On successful login, transition the user to the OTP verification step.

2. OTP Verification (/otp route):

   • Validate the OTP using the following endpoint:
     • Verify OTP: Swagger Reference
   • Implement a mechanism to handle OTP errors gracefully.

3. Resend OTP:

   • Provide functionality to resend the OTP if required using the endpoint:
     • Resend OTP: Swagger Reference

4. Wallet Verification (/verify route):

   • After OTP validation, require the user to connect their wallet to fully validate the login using the endpoint:
     • Login with Wallet: Swagger Reference

🔧 Technical Considerations

• Routing: Ensure the routes (/login, /otp, /verify) are correctly set up and transitions between them are smooth.
• Error Handling: Implement proper error handling and user notifications for each authentication step.
• State Management: Maintain the state between steps (password login, OTP, and wallet connection) to ensure a secure and seamless flow.
• Security: Ensure secure transmission of data when interacting with the API endpoints.

📖 Additional Resources

For more context on how Certiva manages authentication and user flows, please refer to the README. 🎓🔗

Let's ensure this integration is robust and user-friendly! 🚀

[stephanniegb]

I’d love to work on this task. I have solid experience building multi-step authentication flows, including password, OTP, and wallet-based logins.

this is how I’ll approach it:

Set up the /login, /otp, and /verify routes with smooth transitions.

Integrate the provided authentication endpoints for password, OTP, and wallet login.

Handle all errors gracefully, with clear user feedback.

Implement OTP resend functionality.

Maintain secure state management across all steps to ensure a seamless and safe login experience.

I’m confident I can deliver a clean, user-friendly, and fully functional solution.

[stephanniegb]

hey @JayWebtech are the endpoints currently working? because i keep getting an internal server error testing it on swaggar... then i try to signup and same thing