This Contribution is part of the Utopian Registration-Project.

The goal for the Utopian Registration is, to allow People who are new to STEEM to create an Utopian ( STEEM ) - Account through Utopian itself (and not how it is currently handled, through STEEMIT).

The most important step for this is the actual Account Creation on STEEM - and that is exactly what I've implemented.

In this Contribution-Post I'll take you through the changes I've made to the frontend.

The Pull-Request

You can find the pull-request here: Pull Request

Introduction

Finally, after weeks of programming and creating Contribution-Posts for the pre-Requisits of the Utopian Registration - the most important part is done.

The Creation of an Account on the STEEM Blockchain.

While there are def. a few more little things I have to do - the most important milestone is done.

Now, in this Post - I'll show you how the process looks from the outside while in the next Contribution-Post I'll talk about the internal logic.

Best Things First

First of all: here is the whole process in one gif.

Step 1: User verified?

The first Step before the User is able to create an Account via @utopian-io is to check if he is both email and social / SMS-verified.

If he / she is verified completely, then the Account Creation Process beings.

If the user has created an account already with the specific social profile (that he tries to sign-up with), then this error will be shown:

Step 2: Name Selection

The User is now able to select his favourite name, but will also be shown warnings if the name is not valid (too short, too long, invalid characters) or if the name is already taken.

Step 3: Password Generation & Saving

After the User has clicked on Continue - he / she will be redirected to a page where a Password has been generated.

Through a click on Saved Password a file will be created with the Password in it and it will be downloaded to the default browser location.

Step 4: Account Creation

When the User clicked on Saved Password and after that on Create Account - the real Account on the STEEM Blockchain will be created (right now it is the testnet).