Implemented otp based login functionality

Bitbox-Connect · Nov 10, 2024 · 768bf0e · 768bf0e
1 parent d18201b
commit 768bf0e
Show file tree

Hide file tree

Showing 14 changed files with 656 additions and 35 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -58,6 +58,7 @@
     "socket.io": "^4.7.5",
     "socket.io-client": "^4.8.1",
     "sort-by": "^0.0.2",
+    "twilio": "^5.3.5",
     "uuid": "^11.0.2",
     "yup": "^1.4.0"
   },

diff --git a/client/src/App.jsx b/client/src/App.jsx
@@ -44,6 +44,7 @@ import Collab from "./component/Collab";
 import Ai from "./component/Ai";
 import FAQ from "./component/Faq";
 import CreateBlog from "./component/CreateBlog";
+import LoginOTP from "./component/LoginPhone";
 
 // Main Layout Component
 const Layout = ({ children, mode, setProgress, toggleMode, showAlert }) => {
@@ -249,6 +250,7 @@ function App() {
                 <Route exact path='/editprofile' element={<EditProfile mode={mode} setProgress={setProgress} showAlert={showAlert} />} />
                 <Route exact path='/contributors' element={<Contributors mode={mode} setProgress={setProgress} showAlert={showAlert} />} />
                 <Route exact path="/login" element={<Login mode={mode} setProgress={setProgress} showAlert={showAlert} loggedin={islogged} setloggedin={setloggedin} />} />
+                <Route exact path="/login-otp" element={<LoginOTP mode={mode} setProgress={setProgress} showAlert={showAlert} loggedin={islogged} setloggedin={setloggedin} />} />
                 <Route exact path='/signup' element={<Signup mode={mode} setProgress={setProgress} showAlert={showAlert} />} />
                 <Route exact path='/forgot-password' element={<ForgotPassword mode={mode} setProgress={setProgress} showAlert={showAlert} />} />
                 <Route exact path='/reset-password' element={<ResetPassword mode={mode} setProgress={setProgress} showAlert={showAlert} />} />