Frontend Users - New Sign up + new Log in + Site types

in utopian-io •  3 months ago  (edited)

Frontend Users - New Sign up + new Log in + new Site types

The Frontend Users module extends QUIQQER with a profile extension and a registration for users.

With the QUIQQER Frontend Users module your users can register on your website and create a user account. You decide how your users sign up and sign in. Registration and login options like Google and Facebook are available as seperate modules. Registration via e-mail address is part of the core package.

This module allows your users to view and edit their own data. They can change their e-mail, address or avatar (and more...). Via the QUIQQER permission management system you can decide which data your users have access to.



Repository

New Features

What feature(s) did you add?

  • Created a new Sign up Control
  • Created a new Log in Control
  • Created a Sign up site type
Created a new Sign up Control

The old Sign up was very inflexible and all authentication methods looked different. So we decided to create a completely new Sign up. This control can be called individually, in layers or in a site type.

Created a new Log in Control

Since the Sign up has been fundamentally redesigned, we have also included a log in. Of course it fits to the Sign up and also the social log in are taken into account. This means that the login provided by QUIQQER no longer has to be used. The biggest advantage of this approach is that the login can be customized separately from the main system.

Created a Sign up site type

Since most users are not developers, we have also implemented the Sign up as a site type. So everybody can create his own sign up page.

The site type itself now also has some settings. With these settings the Sign up can be customized.

  • Set up of the background image
  • It can be determined which Sign up methods should be displayed

How did you implement it/them?

The development of this Sign up took about 6 weeks. Therefore I will present the most important changes.
All changes

New Sign up Control

Like the most complicated control, it consists of

The client script has become extremely complicated, because all the effects and the behavior of the control should be kept quite intuitive.

The basic task of the server script is to render the structure, initialize the registrars and intercept all eventualities.

Among other things:

Settings of the site type

signup-settings.png

An example of how the Sign up behaves

SignUp.gif

Sign up site type

The Sign up site type basically consists of 3 files.

The most important point here is how the Sign up Control is initialize.

Due to the flexibility of the site type, each Sign up can now be set up individually.

namerobot-toolbox.png

namefruits-signup-3.png

GitHub Account

In the next weeks, when all tests are finished, a new version of the Frontend Users module will be available. And the creation of registrations is now a piece of cake.

Thanks for reading
Hen, for PCSG Developers

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Although we normally like people to keep the commits / pull requests to < 14 days old, we try to be lenient with it. Considering the immense amount of work and features added, I've decided to completely forgo that - great stuff man! Some of these features are really incredible, and I wish I could implement stuff like this myself, haha. Just so you know, I've decided to staff pick this, so it will receive the maximum score possible!

Even so, I'd like to give some feedback:

  • I saw another guy with the same weird indentation in PHP as you yesterday, so maybe I am the weird one ;)
  • The JavaScript code is sort of stuck in the past. Nowadays you can use ES6 syntax and let Babel / Webpack compile everything for you. Inb4 it's more optimised this way ;)

I am really impressed by this contribution, it has sort of blown me away. In the future you could even submit this in smaller parts if you want to, but I guess you wanted to complete it before doing so. Anyway, looking forward to seeing what else you guys submit, as it's always very cool stuff!


Need help? Chat with us on Discord.

[utopian-moderator]

·

😍😍 Thank you!

The two weeks sometimes make me bellyache at Utopian. The thing is, our test phase actually takes two weeks. I.e. we develop and test the stuff at our own things. After that, we release it. (Eat your own dog food, you know?)

Experience shows that there are always mistakes inside. Not serious, but rather small unattractive things. After two weeks of use, the thing is actually stable. but as you can see, we've been working on it for the last two weeks. so it should still fit. :-)

Oh and you can be curious, there are many things on the plan. :-)
Thanks again.

·
·

You aren't the first to have a problem with it, so we try to be as lenient with it as we can. In reality the limit is more like 1 month, which I think is a good amount of time. Looking forward to see the other things in the pipeline!

·
·
·

All is fine ;-) You Utopians do a good job!

·

Thank you for your review, @amosbastian! Keep up the good work!

Congratulations @pcsg-dev! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You published more than 70 posts. Your next target is to reach 80 posts.

Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Do not miss the last post from @steemitboard:

Carnival Challenge - Collect badge and win 5 STEEM
Vote for @Steemitboard as a witness and get one more award and increased upvotes!

Hey, @pcsg-dev!

Thanks for contributing on Utopian.
Congratulations! Your contribution was Staff Picked to receive a maximum vote for the development category on Utopian for being of significant value to the project and the open source community.

We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!