Proof of Concept for Authentication using FireBase (html&Javascript)
- or -
Post a project like this- Posted:
- Proposals: 5
- Remote
- #1739358
- Awarded
Description
Kind of development: New website from scratch
Description of every page/module: # logon or sign up - sets JS var and local storage
# edit details in local storage with save or cancel button
Expect one JS file, html pages using bootstrap cdn(very standard/simple).
Description of requirements/features: https://console.firebase.google.com/u/0/project/?????????????/authentication/providers
https://firebase.google.com/docs/auth/web/facebook-login?authuser=0
HTML page with JS file that has an button for each provider, on success passed the code as authenticated and the email address of the user. Need to get basic data eg photo URL, their name, city, country, gender, adult/pre-adult.
Ideally using the JS examples above.
Goal:
#1
To have a Sign-On / Sign-Up page that is used by a Cordova App page.
This will store (HTML5 localStorage.Set ) a flag (email address, when, provider) to say that the person has signed on successfully by the Sign-in provider and will have their email address – ideally there would be a JWT on the device.
#2
From the Sign-in provider:
locate their profile picture URL and store that, even if it just as default avatar,
locate their profile Name and store that, ‘’ is the default,
locate their profile Country and store that, ‘’ is the default,
locate their profile City and store that, ‘’ is the default,
locate their date of birth/over21/adult and store that, ‘’ is the default,
locate their gender and store that, ‘’ is the default.
Using JQuery set the ID in a DIV/IMG these values.
#3
For the UserID and Password option add:
change their profile Name and store that, ‘’ is the default,
change their profile Country and store that, ‘’ is the default,
change their profile City and store that, ‘’ is the default,
change their date of birth/over21/adult and store that, ‘’ is the default,
change their gender and store that, ‘’ is the default.
Specific technologies required: Firebase & Javascript(jquery/Framework7) & HTML
Extra notes: https://console.firebase.google.com/u/0/project/?????????????/authentication/providers
https://firebase.google.com/docs/auth/web/facebook-login?authuser=0
HTML page with JS file that has an button for each provider, on success passed the code as authenticated and the email address of the user. Need to get basic data eg photo URL, their name, city, country, gender, adult/pre-adult.
Ideally using the JS examples above.
Goal:
#1
To have a Sign-On / Sign-Up page that is used by a Cordova App page.
This will store (HTML5 localStorage.Set ) a flag (email address, when, provider) to say that the person has signed on successfully by the Sign-in provider and will have their email address – ideally there would be a JWT on the device.
#2
From the Sign-in provider:
locate their profile picture URL and store that, even if it just as default avatar,
locate their profile Name and store that, ‘’ is the default,
locate their profile Country and store that, ‘’ is the default,
locate their profile City and store that, ‘’ is the default,
locate their date of birth/over21/adult and store that, ‘’ is the default,
locate their gender and store that, ‘’ is the default.
Using JQuery set the ID in a DIV/IMG these values.
#3
For the UserID and Password option add:
change their profile Name and store that, ‘’ is the default,
change their profile Country and store that, ‘’ is the default,
change their profile City and store that, ‘’ is the default,
change their date of birth/over21/adult and store that, ‘’ is the default,
change their gender and store that, ‘’ is the default.
Clarifications:
#1
This is all JavaScript code(jquery) for a phonegap/cordova app,
but the deliverable is a couple of html pages and a JS file, which means that I would cut and paste your html from the body or form tag. I am not expecting a Cordova app.
The mobile framework I am using is Framework7.
See examples at https://firebase.google.com/docs/auth/web/start
#2
Exclude SMS/Phone Authentication - Assume SPARK plan.
https://firebase.google.com/pricing/
Doug T.
100% (20)New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Hello.
I see you need social login to be integrated. Can you tell me which provider(s) do you want? Google, Facebook, Twitter? Thanks.Doug T.07 Oct 2017In the JPG it shows the ones that Firebase provides, which include Google/Facebook/Twitter but excludes the Microsoft-Live or LinkedIn which is a shame but understandable due to the love affair between Google and Microsoft.
So in JavaScript I want peoples to Sign-Up or Logon with their most common social media logon. All I need from their Social Network Authentication is their name, their email, their gender, their Country and City (and timezone if possible) and their avatar pic. This basic information set is then stored in local storage on their mobile phone, so when their profile page pops up there is the basic info for when the are off line. The key feature for the app is country/city/timezone the rest saves then having to fill out a profile that they will never get round to doing.