Frontend: Email Verification for Registration Page

[BeratDamar]

Description:

According to our following requirement:

1.1.1.1.6 Users shall verify their registration process via email verification.

The current registration system of the HEKA is not providing email verification. I will implement email verification for the registration process. Our verification process's workflow will be as follows:

• After users provide required information to register and then click the submit button, they are directed to email verification page .
• A verification code is sent to email address of user who want to register. Email verification page contains a text input for the verificaiton code and a "verify" button.
• The system will show a error message if users provide npn-valid code.
• If users provide valid code sent to their email address, their registration progress is completed and they are directed to a page that contains a success message and a button directing to login page.

Steps to be taken:

1. I will review some popular websites to get idea about user interface.
2. I will design verification page and completion screen of the registration verificaiton.
3. I will implement my design
4. I will test my implementation.

⏰ Deadline:

• 26.12.2022 23:30

🔎 Reviewer

• @umutdenizsenerr

[BeratDamar]

First three steps are completed. However , there is no backend conenction since backend team did not provide related API for this feature. I will implement later .

[BeratDamar]

You can see my design and implementation following screen shots and PR #541

[BeratDamar]

Since related PR is reviewed accorrding to issue description, I will close the issue. You can look at linked PR to get more information. (PR #541 )