Skip to main content

Register form through OTP Verification using Firebase (Android Studio).

Android is an operating system that was developed by Google which is designed for touchscreen mobile devices such as smartphone and tablets.







Description

In this project we will build an app using Android Studio.This app will take your username and phone number.By this phone number you will receive an OTP and after entering OTP you will be able to register your phone number with the Firebase.

Android Studio


it is a integrated development environment (IDE) for  Android operating system, built on JetBrains' IntelliJ IDEA software and designed specifically for Android development.It is available for download on Windows, macOS and Linux based operating systems.


Firebase


Firebase Authentication is a service that can authenticate users using only client-side code. It supports social login providers Facebook, GitHub, Twitter and Google as well as other service providers like Google Play Games, Apple, Yahoo, and Microsoft. Additionally, it includes a user management system whereby developers can enable user authentication with email and password login stored with Firebase.

Demo Video




Lets Get Started...

Step 1
Open your android studio IDE and Write this xml code in the Activity_main.xml.(Download Source code)












Step 2
Next write this java code in MainActivity.java. (Download Source Code)








Step 3
Now you have to give the uses permission for using Internet in the Manifest.




Step 4
After Writing these code in IDE. You have to connect the Firebase authentication to your app.

  1.Create account in firebase app and sync your app with the firebase.







    2.Go to your android studio IDE and Click on TOOLS and Select the Firebase.




   3.Click on Authentications and press on the connect to firebase button.




  
    4.You successfully connected to firebase.


Step 5
Now Create a new Empty Activity for another page.



   

Step 6
For this copy this xml code and paste in activity_main2.xml.(Download Source Code)



Step 7
And Next copy this Java code and paste in main2activity.java.(Download Source Code)

Step 8
Now you have to run the app in the device,For that
      1.Take your phone and go to Settings.
      2.Go to About phone option and you will find the version.
      3.Tap on Version for four to five times,it will activate the developer option.
      4.search for developer option in the settings and select it.
      5.Scroll down and you can find the USB debugging option,click on it.
      6.Make sure you click Allow for pop ups that appear when you connect the USB with your system.







Step 9
Now you are ready to run the program.


                           




             For More Information to Connect the Firebase:-   
               

Comments

  1. Today we will Discuss One interesting Topic OTP Bypass ! How hackers able to Bypass OTP Schema On Web Or Mobile based application. As You know A one-time password (OTP) is an automatically generated numeric or alphanumeric string of characters that authenticates the user for a single transaction or login session.

    ReplyDelete

Post a Comment

Popular posts from this blog

Auto-Image Slider using Javascript

  Introduction Image Slider is a way of displaying multiple images, videos or graphics which is created using javascript. Preview HTML Code <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Auto-Image Slider </ title > < link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.15.1/css/all.css" > < link rel = "stylesheet" href = "ImageSlider.css" > < script src = "ImageSlider.js" > </ script > </ head > < body > < div class = "container" > < div class = "slides" > < div class = "slide" > < img src = "https://cdn.pixabay.com/photo/2020/11/20/01/10/glacier-5760277_960_72...

Instagram Post Downloader using JQuery and Ajax

  Introduction In this project, we will learn to get the data from Instagram using the link given by the user. First the given link is modified and passed to the instance of XMLHttpRequest. Using instance of XMLHttpRequest, we will get JSON data and Access the required data such as image url, video url and create image and video tag respectively. Now you can download image as well as video as shown in the preview video. Pre-Requisite you should know to use JSON data, to access the required data ( object, arrays, string etc ). you should know to use XMLHttpRequest, to send the request, to get the data from the response. basic of JQuery is enough. Preview HTML Code <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Document </ title > < link rel = "stylesheet" ...