Scope Out of the Project

[Vividh25]

Product Requirements:

• Sign up page

  This page is required to have a form with three fields, namely: Email, Password and Confirm Password. The form will also contain a Submit Button which will be disabled as long as all the fields are not filled properly.

  • Email Field:

    ➡ User should enter a valid email address (consisting of a `@` and a `.`) 
    ➡ If the user navigates away and starts filling another field, then the border color of the input field should change to red
    

  • Password and Confirm Password Field:

    ➡ The password entered in both the fields should match otherwise the border of the password field will be changed to 
       red color and a massage saying `password doesn't match` will be displayed.
    ➡ There should be an `eye` icon in the Password Field which, on clicking, shall display the encrypted password entered by 
       the user.
    ➡ There should also be a password strength indicator, for which the criteria will be decided shortly. 
    

  • Submit Button

    ➡ The submit button should be disabled if the user has not filled any of the fields properly.
    ➡ There should be a loading animation for 500ms to 1 second after pressing the submit button. 
    ➡ After pressing the submit button, the user should be directed to the OTP page.
    

• OTP Page

  This page will have an OTP Field in which the OTP generated by the mock OTP generator will be entered and check against the
  correct mock OTP. This page also contains a Check Button which will check the entered OTP.

  • OTP Field:

    ➡ The OTP field should have 5 boxes, if the entered OTP is wrong, an error message will be displayed below the OTP field       
       stating the same. This filed only takes numbers as input.
    

  • OTP Check Button:

    ➡ The Button should be disabled until the OTP is filled and then be pressed to verify the OTP. If verified a new page will 
       be loaded, else the error message mentioned above will be displayed. 
    

• Referral Page

  This page will have an input field for a Referral Code, a submit button and a I don't have it button.

  • Referral Code Field:

    ➡ The user will enter a referral code which will be mapped to a particular name.
    

  • Submit Button:

    ➡ The submit button should be disabled when there is no input and on clicking should check if the referral code exists. 
    ➡ If the code exists, the user will be directed to another page displaying the message `Congratulation, you were reffered 
       by <name>`. The name is the mapped value to the referral code key. Else, a message will be displayed saying `wrong 
       referral code`.
    

  • I don't have it button:

    ➡ This button will be pressed if the user doesn't have any referral code and on pressing this button, the user will be 
       directed to a page saying `You are <random number> in line 🎉`.
    

[harshith-venkatesh]

Well Detailed Issue, it can be broken down to multiple issues to keep track