Merge pull request #134 from LitZeus/feat/google-oauth

Added Google Oauth

.env

@@ -0,0 +1,14 @@
+MONGO_URI = mongodb://localhost:27017
+DB_NAME = passop
+# Encryption and Decryption keys
+# Must be 256 bits (32 bytes)
+ENCRYPTION_KEY = thisisaverysecureencryptionkey!!
+
+# for firebase auth configuration
+VITE_FIREBASE_API_KEY=YOUR_API_KEY
+VITE_FIREBASE_AUTH_DOMAIN=YOUR_AUTH_DOMAIN
+VITE_FIREBASE_PROJECT_ID=PROJECT_ID
+VITE_FIREBASE_STORAGE_BUCKET=SOCKET_BUTTON
+VITE_FIREBASE_MESSAGING_SENDER_ID=SENDER_ID
+VITE_FIREBASE_APP_ID=APP_ID
+VITE_FIREBASE_MEASUREMENT_ID=MEASUREMENT_ID

src/components/SignUp.jsx

@@ -1,8 +1,8 @@
 import { useState } from 'react'
-import { Navigate, Link } from 'react-router-dom'
+import { AiFillEye, AiFillEyeInvisible } from 'react-icons/ai'
+import { Link, Navigate } from 'react-router-dom'
 import { useAuth } from '../contexts/authContext/index'
 import { doCreateUserWithEmailAndPassword } from '../firebase/auth'
-import { AiFillEye, AiFillEyeInvisible } from 'react-icons/ai'
 
 const Register = () => {
 
@@ -11,7 +11,7 @@ const Register = () => {
     const [confirmPassword, setconfirmPassword] = useState('')
     const [isRegistering, setIsRegistering] = useState(false)
     const [errorMessage, setErrorMessage] = useState('')
-    const [showPassword, setShowPassword] = useState(false); 
+    const [showPassword, setShowPassword] = useState(false);
     const [showConfirmPassword, setShowConfirmPassword] = useState(false);
 
     const { userLoggedIn } = useAuth()

src/firebase/auth.js

@@ -1,13 +1,13 @@
-import { auth } from "./firebase";
 import {
     createUserWithEmailAndPassword,
-    signInWithEmailAndPassword,
-    sendPasswordResetEmail,
+    GoogleAuthProvider,
     sendEmailVerification,
-    updatePassword,
+    sendPasswordResetEmail,
+    signInWithEmailAndPassword,
     signInWithPopup,
-    GoogleAuthProvider,
+    updatePassword,
 } from "firebase/auth";
+import { auth } from "./firebase";
 
 export const doCreateUserWithEmailAndPassword = async (email, password) => {
     return createUserWithEmailAndPassword(auth, email, password);

src/firebase/firebase.js

@@ -1,22 +1,23 @@
 // Import the functions you need from the SDKs you need
 import { initializeApp } from "firebase/app";
-import { getAuth } from "firebase/auth"
+import { getAuth } from "firebase/auth";
 
 
 // Your web app's Firebase configuration 
 // Create an accont on firebase and you get all this configuration just replace that with this 
 // Then your sign-in / sign-up feature will work smothly 
 const firebaseConfig = {
-    apiKey: "YOUR_API_KEY",
-    authDomain: "YOUR_AUTH_DOMAIN",
-    projectId: "PROJECT_ID",
-    storageBucket: "SOCKET_BUTTON",
-    messagingSenderId: "SENDER_ID",
-    appId: "APP_ID",
-    measurementId: "MEASUREMENT_ID"
+    apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
+    authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
+    projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
+    storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
+    messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
+    appId: import.meta.env.VITE_FIREBASE_APP_ID,
+    measurementId: import.meta.env.VITE_FIREBASE_MEASUREMENT_ID
 };
 
 // Initialize Firebase
 const app = initializeApp(firebaseConfig);
 const auth = getAuth(app);
-export { auth, app };
+export { app, auth };
+