[Utopian Dev] Add Invisible ReCAPTCHA to Sign-up Page

in #utopian-io6 years ago

Repository

https://github.com/utopian-io/signup.utopian.io

Bug Fixes

  • Improve Username Input Validation

Details

  • Github Issue: https://github.com/utopian-io/signup.utopian.io/issues/21
  • src/components/steps/account/pick_account.vue
    • Added three feedback span elements to hold the fa-spinner (checking account feedback), fa-check (valid or available account), and fa-times (invalid or unavailable account name)
    • Added the input_error and success_msg div holders to display the error message and success message, respectively. Used vue's v-html property to render the html content of the error and success messages;
    • use _.debounce() to add a 1 second delay to check for account's existence

New Features

  • Add Recaptcha to Signup Page

Implementation Details

  • package.json

    • Added lodash and vue-recaptcha dependencies. The former for debounce() when user type's the account name.
  • index.html

    • Import reCAPTCHA's api.js
    • Added font-awesome.css for user account's feedback icons
  • src/components/signup.vue

    • Main file updated
    • Encapsulated Github signup button inside a vue-recaptcha component
    • Added onGithubCaptchaVerified and onGithubCaptchaExpired event handlers; in onGithubCaptchaVerified, re-use existing authenticate(<provider>)

Link to Merged Pull Request

https://github.com/utopian-io/signup.utopian.io/pull/22

GitHub Account

https://github.com/eastmaels

Sort:  

Hey @eastmael
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.

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

Vote for Utopian Witness!

this feature is really valuable for utopian... great work man

Thanks for the feedback.

Well that is indeed nice work done.Keep up the good work of yours .

Thanks for the feedback. Did it on my free time.

Thanks for the contribution!

You are doing some great work for Utopian.io! Keep it up!

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

Thank you Amos. It always feels good when you contribute to something bigger than yourself. :)

wonderful work you have done from your side making the community great again :)

Coin Marketplace

STEEM 0.17
TRX 0.15
JST 0.028
BTC 58167.25
ETH 2358.72
USDT 1.00
SBD 2.36