Help Needed: Online Form with Social Login

Online Form with Social Login

  1. Overview

There are a lot of SAAS for online forms. Some of them have the SSO features only at the enterprise tier. I would like to achieve the similar results (online form + social login) for a lower cost.

My budget is USD 50 per hour. I appreciate if you could give a quote. Thanks.

  1. Pages

The following is my rough ideas. I am open mind to other suggestions and would be happy to draw the wireframe.

2.1. Online Form

To-Do: Create a form similar to https://formexample.imfast.io/IXL_Fractions_AE_example.html, which incorporates the social credentials.

There is a sample page that I created on and downloaded from paperform.co (https://formexample.imfast.io/IXL_Fractions_AE_example.html)

I like the look and feel, as well as the responsive framework.

The form has 2 hidden fields: “course” and “module”. I would like to have these 2 variables to the server, so that the server will query the database and deliver different data for “IXL Question Set”.

Once I have the social login feature, the email should be populated with the social login email.

The online form will be embedded in iframe. The container website (canvas, more about this below) will use the same social login and will manage the user access control. I hope the online form will pick up the same social login credential.

2.2. Container Website

To-Do: None

The contain website is a LMS SAAS, called Canvas (canvas.instructure.com). It supports variable social login services.

Canvas’s embedded page supports iframe. It works well with the paperform, as I have tested.

I didn’t test if the social login credential will be passed into the iframe.

*** The online form will probably need to pop-up a window for the social login, if the credential is not passed from Canvas into the online form. ***

2.3. Landing Page

To-Do: Create a landing page with 3 social icons for login.

I need to enforce the same social login for Canvas and my online form, and I don’t want the users to login Canvas, not using social login.

Therefore, I would like to have a landing page, where 3 social login icons are clearly listed: Apple, Google and Microsoft.

In case, the user is currently on one of the session. The landing page will ignore the current session and ask the user to login again — no sure if it is doable.

If the social login is successful, the user will be forwarded to the respective Canvas login page, where the user will be automatically logged in.

  1. Date Model

3.1 Users

I will just need to record the user info returned from the social login on the landing page: email, names, etc.

The authentication is handled by Canvas. I don’t need to worry about it.

  • id
  • email
  • name

3.2 Tasks

It is a table with the following columns. This table is populated by the admin, by importing a csv file, e.g.

The online form will input a value for “source” and “module”, and formulate the form fields with the returned data for “id”, “year” and “question_set”.

  • id
  • course
  • module
  • year
  • question_set

3.3. Practice Records

Each submission of the online form will create a record for this table.

I should be able to view this table on the website and download into a csv file.

  • id
  • submission_time (UTC)
  • Users.id
  • Tasks.id
  • scores (text field from “Finished points”)
  • duration (converted to seconds, from “Time used (minutes)”

3.4 Joined View

I would like the server to display a joined view for the practice records, also available for downloading as a csv file.

  • User.email
  • Tasks.course
  • Tasks.module
  • Tasks.year
  • Tasks.question_set
  • Practice_Records.submission_time
  • Practice_Records.scores
  • Practice_Records.duration (displayed as hh:mm:ss)
1 Like

Hi,

Saw your post looking for a freelancer.

I have done several fully responsive apps launched to users, and published both to App Store and Google Play. Some based on templates, most built from the ground up, some I’ve taken over and completed. Also I have several clients on 4 continents found through this forum. References available on request.

I have also co-written a book on UX published in the US, launched several startups, been chairman, CEO, sales and marketing manager as well as CTO.

So with me you get both an experiences Bubbler, fast at understanding and, if you wish, helping out with refining your business model and marketing.

I also love structure, having few bugs, deliver on time and I write technical documentation.

You can see my profile at:

merximera.com/bubble

Looking forward to your thoughts.

Best, Peter in Sweden

Merximera - You app on the market in half the time

Hi Peter, thank you very much for your reply.

Could you please submit a quote below? Thanks.

https://www.upwork.com/jobs/~018d53bb50c528b373

@jayxcheng I’m working on multi-steps form builder with Bubble. I’m planning to introduce new authentication feature (email or 3rd party (google, facebook, linkedin …)) for end-users.
You can check the demo (w/o authentication) and see if this answer to your request.

Demo: ramsha - simple form builder

Hello @jayxcheng

I’m sure I can help you, let start working on your App, pls reply to me :wink: