Created
November 12, 2019 18:41
-
-
Save bariskarapinar/4c4fb95c8fbf8723c4177c12a0508b5c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<!-- Bootstrap CSS --> | |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | |
<!-- Custom CSS --> | |
<link rel="stylesheet" href="../css/style.css"> | |
<!-- Sweet Alert JavaScript --> | |
<script src="../js/sweetalert2.js"></script> | |
<!-- Nunito Google Font --> | |
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet"> | |
<title>Sign Up | Firebase Auth</title> | |
</head> | |
<body class="bg-light"> | |
<div class="container-fluid"> | |
<div class="row mx-1"> | |
<div class="col-lg-10 col-md-10 offset-lg-1 offset-md-1 text-center mt-5 pb-4 text-primary"> | |
<h1 class="h1">Firebase Authentication</h1> | |
</div> | |
<div class="col-lg-10 col-md-10 offset-lg-1 offset-md-1 bg-white shadow mb-5 border border-primary"> | |
<div class="row"> | |
<div class="col-lg-6 col-md-6 p-4 bg-primary divCover"> | |
<img src="../images/firebase_logo.png" alt="Firebase cover image"> | |
</div> | |
<div class="col-lg-6 col-md-6 p-lg-5 p-md-5 px-3 py-4"> | |
<div id="signUpForm"> | |
<h2 class="h2 text-center text-dark mb-3">Sign Up</h2> | |
<div class="form-group"> | |
<label for="userFullName">Name<span class="text-danger ml-1">*</span></label> | |
<input type="text" class="form-control" id="userFullName" onblur="checkUserFullName()" placeholder="name"> | |
<small id="userFullNameError" class="form-text text-danger">This Field must be filled.</small> | |
</div> | |
<div class="form-group"> | |
<label for="userSurname">Surname<span class="text-danger ml-1">*</span></label> | |
<input type="text" class="form-control" id="userSurname" onblur="checkUserSurname()" placeholder="surname"> | |
<small id="userSurnameError" class="form-text text-danger">This Field must be filled.</small> | |
</div> | |
<div class="form-group"> | |
<label for="userEmail">Email address<span class="text-danger ml-1">*</span></label> | |
<input type="email" class="form-control" id="userEmail" onblur="checkUserEmail()" placeholder="mail@mail.com"> | |
<small id="userEmailError" class="form-text text-danger">Please check your email address.</small> | |
</div> | |
<div class="form-group"> | |
<label for="userPassword">Password<span class="text-danger ml-1">*</span></label> | |
<input type="password" class="form-control" id="userPassword" onblur="checkUserPassword()" placeholder="**********"> | |
<small id="userPasswordError" class="form-text text-danger">Your password must be uppercase, lowercase and more than 10 characters.</small> | |
</div> | |
<button type="button" class="btn btn-outline-primary text-uppercase mb-3" onclick="signUp()">Sign Up</button> | |
<p>Already a member? Sign in: <a href="../index.html"><strong class="text-primary text-uppercase showSignInForm">Sign In</strong></a></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- Optional JavaScript --> | |
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> | |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> | |
<script src="https://www.gstatic.com/firebasejs/5.9.4/firebase.js"></script> | |
<!-- The core Firebase JS SDK is always required and must be listed first --> | |
<script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-app.js"></script> | |
<!-- TODO: Add SDKs for Firebase products that you want to use | |
https://firebase.google.com/docs/web/setup#available-libraries --> | |
<script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-analytics.js"></script> | |
<!-- Add Firebase products that you want to use --> | |
<script src="https://www.gstatic.com/firebasejs/6.1.1/firebase-auth.js"></script> | |
<script src="https://www.gstatic.com/firebasejs/6.1.1/firebase-database.js"></script> | |
<script> | |
// Your web app's Firebase configuration | |
var firebaseConfig = { | |
apiKey: "AIzaSyDtaXNVwWCDxp5mnqvLDFhOw_ngWnubSMU", | |
authDomain: "fir-authproject-2c928.firebaseapp.com", | |
databaseURL: "https://fir-authproject-2c928.firebaseio.com", | |
projectId: "fir-authproject-2c928", | |
storageBucket: "fir-authproject-2c928.appspot.com", | |
messagingSenderId: "807340522328", | |
appId: "1:807340522328:web:63e986c146d09fb117832d", | |
measurementId: "G-740FSXFRBQ" | |
}; | |
// Initialize Firebase | |
firebase.initializeApp(firebaseConfig); | |
firebase.analytics(); | |
</script> | |
<!-- Custom JavaScript --> | |
<script src="../js/app.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment