Frontend: Implementation of Sign Up Page

[xltvy]

Issue Description

As we have determined in our weekly meeting 3, we will implement signup, login, forgot password and verify email pages of the web application for this week. As part of the frontend implementation I am responsible for the implementation of the sign up page.

Step Details

Steps that will be performed:

• [x] Determine a page structure for sign up page that will also be used in authentication related pages.
• [x] Implement a form field for sign up.
• [x] Customize the page using our own logo, typeface, and color coding.
• [x] Implement the backend connection.
• [x] Provide multi-page navigation support.

Final Actions

All the actions will be done on a separate branch and after all is done, a PR will be opened regarding to the sign up page. After it is reviewed and accepted it will be merged into the development branch.

Deadline of the Issue

24.10.2022 - Monday - 23.59

Reviewer

Muhammed Enes Sürmeli

Deadline for the Review

25.10.2022 - Tuesday - 23.59

[xltvy]

Update:

I have customized the sign up page according to our discussions. There is not any backend connection and dockerization established yet. All updates can be seen from #387

I will work further on active button that helps user to navigate between sign in and sign up pages. And finally, I will add logo, informative text and custom illustrations for the cosmetic purposes. Then, this issue will be resolved.

[xltvy]

Update:

I added the logo and illustration to the signup page. Here is the current look:

[xltvy]

Update

I am closing this issue, since the corresponding pull request #387 is merged and backend connection will be done with respect to a separate issue/pull request