{"id":29561024,"url":"https://github.com/itswisdomagain/firebase-for-web-beginner","last_synced_at":"2026-05-15T20:31:11.517Z","repository":{"id":100833432,"uuid":"105508829","full_name":"itswisdomagain/firebase-for-web-beginner","owner":"itswisdomagain","description":"Slides and source code for the Intro to Firebase for Web developers hangout organized by GDG Port Harcourt. 30 - 09 - 2017.","archived":false,"fork":false,"pushed_at":"2017-10-02T10:03:35.000Z","size":3790,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-18T18:30:22.072Z","etag":null,"topics":["firebase","firebase-auth","firebase-database","firebase-hosting","gdg","gdg-port-harcourt"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/itswisdomagain.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2017-10-02T07:35:20.000Z","updated_at":"2023-01-10T05:40:25.000Z","dependencies_parsed_at":"2023-06-10T07:45:38.006Z","dependency_job_id":null,"html_url":"https://github.com/itswisdomagain/firebase-for-web-beginner","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/itswisdomagain/firebase-for-web-beginner","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswisdomagain%2Ffirebase-for-web-beginner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswisdomagain%2Ffirebase-for-web-beginner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswisdomagain%2Ffirebase-for-web-beginner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswisdomagain%2Ffirebase-for-web-beginner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/itswisdomagain","download_url":"https://codeload.github.com/itswisdomagain/firebase-for-web-beginner/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswisdomagain%2Ffirebase-for-web-beginner/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33078898,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T20:25:35.270Z","status":"ssl_error","status_checked_at":"2026-05-15T20:25:34.732Z","response_time":103,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","firebase-auth","firebase-database","firebase-hosting","gdg","gdg-port-harcourt"],"created_at":"2025-07-18T15:39:46.280Z","updated_at":"2026-05-15T20:31:11.511Z","avatar_url":"https://github.com/itswisdomagain.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Very Simple Introduction to Firebase Authentication and Database for Web\n\nThis is the source code for the Intro to Firebase for Web developers hangout organzied by GDG Port Harcourt on September 30th, 2017. It includes the basic html, css and js files to get you started, the slides presented and the final complete version.\n\n[Check out the DEMO of the complete version](https://intro-to-firebase-web.firebaseapp.com)\n\n## Following along\n\n - Begin with the starter-code\n - Have a go at the slides\n - Learn more by reading the [Firebase Documentation](https://firebase.google.com/docs/auth/)\n\n## Register with Email and Password\n\n```\nfirebase.auth().createUserWithEmailAndPassword(email, password)\n.then(function(result) {\n  // this function is called if the registration was successful\n  console.log(user);\n  alert('Yay! Your registration was successful!');\n})\n.catch(function(error) {\n  // this catch function is triggered if registration fails\n  var errorCode = error.code;\n  var errorMessage = error.message;\n  alert(errorMessage);\n});\n```\n [Learn more from the Firebase Documentation](https://firebase.google.com/docs/auth/web/password-auth#create_a_password-based_account)\n\n\n## Login with Email and Password\n\n```\nfirebase.auth().signInWithEmailAndPassword(email, password)\n.then(function(result) {\n  // this function is called if the login attempt was successful\n  console.log(user);\n  alert('Yay! Your log in was successful!');\n})\n.catch(function(error) {\n  // this catch function is triggered if login attempt fails\n  var errorCode = error.code;\n  var errorMessage = error.message;\n  alert(errorMessage);\n});\n```\n [Learn more from the Firebase Documentation](https://firebase.google.com/docs/auth/web/password-auth#sign_in_a_user_with_an_email_address_and_password)\n\n\n## Login with Google\n\nThe following code will fail if you are running your site by directly opening the file with your browser. A requirement for logging users in through the federated providers (e.g. Google) is to run your site through a server.\n\nTo fix this challenge, refer to the Firebase Hosting slide to learn how to set up your site for hosting on Firebase. Then instead of running fireabse deploy, run firebase serve\n\nYou'll be given a localhost:port url to test your site with. Google login should work now!\n\n```\nvar provider = new firebase.auth.GoogleAuthProvider();\nfirebase.auth().signInWithPopup(provider)\n.then(function(result) {\n  // This gives you a Google Access Token. You can use it to access the Google API.\n  var token = result.credential.accessToken;\n  // The signed-in user info.\n  var user = result.user;\n  // ...\n  alert('You have been signed in successfully!');\n})\n.catch(function(error) {\n  // Handle Errors here.\n  var errorCode = error.code;\n  var errorMessage = error.message;\n  // The email of the user's account used.\n  var email = error.email;\n  // The firebase.auth.AuthCredential type that was used.\n  var credential = error.credential;\n  // ...\n  alert(errorMessage);\n});\n```\n [Learn more from the Firebase Docs](https://firebase.google.com/docs/auth/web/google-signin)\n\n\n## Sign out completely\n\n```\nfirebase.auth().signOut()\n.then(function(result) {\n  // Sign-out successful\n  alert('You have been signed out!');\n})\n.catch(function(error) {\n  // an error occured\n  var errorCode = error.code;\n  var errorMessage = error.message;\n  alert(errorMessage);\n});\n```\n\n### Expect a couple more updates","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitswisdomagain%2Ffirebase-for-web-beginner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitswisdomagain%2Ffirebase-for-web-beginner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitswisdomagain%2Ffirebase-for-web-beginner/lists"}