diff --git a/backend/requirements.txt b/backend/requirements.txt
new file mode 100644
index 0000000..e03da83
Binary files /dev/null and b/backend/requirements.txt differ
diff --git a/app.py b/backend/server.py
similarity index 96%
rename from app.py
rename to backend/server.py
index ed1e94e..e563aa0 100644
--- a/app.py
+++ b/backend/server.py
@@ -31,7 +31,7 @@
 
 # Function to record video and capture a photo from the webcam
 def record_video_and_capture_photo(video_filename, photo_filename):
-    fourcc = cv2.VideoWriter_fourcc(*'XVID')
+    fourcc = cv2.VideoWriter_fourcc(*'MP4V')
     out = cv2.VideoWriter(video_filename, fourcc, 20.0, (640, 480))
 
     # Record video for 10 seconds and capture a single photo
@@ -93,12 +93,6 @@ def run_tests():
     record_audio(audio_filename, duration=10)
 
     test_ready = True
-
-# Route for the homepage
-@app.route('/')
-def index():
-    return render_template('index.html')
-
 # Route to start the webcam and audio tests
 @app.route('/start_test')
 def start_test():
diff --git a/package.json b/package.json
index 11bbec9..13e4055 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "student_portal",
   "version": "0.1.0",
   "private": true,
+  "proxy":"http://127.0.0.1:5000/",
   "dependencies": {
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
diff --git a/requirements.txt b/requirements.txt
deleted file mode 100644
index 1c9497c..0000000
--- a/requirements.txt
+++ /dev/null
@@ -1,8 +0,0 @@
-Flask==2.3.3
-opencv-python==4.8.0.76
-mtcnn==0.1.1
-pyaudio==0.2.13
-wave==0.0.2
-threading==0.1.0
-SpeechRecognition==3.10.0
-
diff --git a/src/verification/verification.jsx b/src/verification/verification.jsx
index adab5ad..f0f2e6c 100644
--- a/src/verification/verification.jsx
+++ b/src/verification/verification.jsx
@@ -1,43 +1,42 @@
 import React, { useState, useEffect } from 'react';
-import "./verification.css"
+import "./verification.css";
 
 const Verification = () => {
   const [testStatus, setTestStatus] = useState('Not Started');
 
-  // Start webcam feed
-  useEffect(() => {
+  // Fetch the video feed from Flask
+  const getVideoFeed = () => {
     const videoElement = document.getElementById('verification_webcam');
-    if (navigator.mediaDevices.getUserMedia) {
-      navigator.mediaDevices.getUserMedia({ video: true })
-        .then(function (stream) {
-          videoElement.srcObject = stream;
-        })
-        .catch(function (error) {
-          console.log('Error accessing the webcam: ' + error);
-        });
+    if (videoElement) {
+      videoElement.src = '/video_feed';  // This will fetch the stream served by Flask
     }
-  }, []);
+  };
 
+  // Start the test and check the status periodically
   const startTest = () => {
     fetch('/start_test')
       .then((response) => response.json())
       .then((data) => {
         setTestStatus('In Progress');
         console.log(data);
+
         const intervalId = setInterval(() => {
           fetch('/check_test_status')
             .then((response) => response.json())
             .then((data) => {
               if (data.test_ready) {
                 setTestStatus('Ready. You can start the test!');
-                clearInterval(intervalId);
+                clearInterval(intervalId);  // Stop checking once the test is ready
               }
             });
-        }, 1000);
+        }, 1000);  // Check test status every 1 second
       });
-      
   };
 
+  // On component mount, start fetching the video feed
+  useEffect(() => {
+    getVideoFeed();
+  }, []);
 
   return (
     <div className="verification_container">
@@ -47,14 +46,15 @@ const Verification = () => {
           Follow the steps below to ensure your webcam and audio are working properly:
         </p>
         <ul className="verification_instructions_list">
-          <li>Allow webcam permission to check if your webcam is functioning.</li>
-          <li>Both the webcam and audio tests will be conducted automatically.</li>
-          <li>Once both tests are complete, you will be ready to take the test.</li>
+          <li>Allow permission for webcam access.</li>
+          <li>Both webcam and audio tests will be conducted automatically.</li>
+          <li>Once the tests are complete, you will be ready to take the test.</li>
         </ul>
       </div>
 
       <h3 className="verification_webcam_heading">Webcam Feed</h3>
-      <video id="verification_webcam" className="verification_webcam" autoPlay></video>
+      {/* Video feed streamed from Flask */}
+      <img id="verification_webcam" className="verification_webcam" alt="Webcam Feed" />
 
       <button className="verification_start_test_btn" onClick={startTest}>
         Start Webcam and Audio Test
diff --git a/templates/index.html b/templates/index.html
deleted file mode 100644
index 1c35361..0000000
--- a/templates/index.html
+++ /dev/null
@@ -1,98 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Student Monitoring</title>
-    <style>
-        body {
-            background-color: #1A1A1A;
-            color: white;
-            font-family: Arial, sans-serif;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            height: 100vh;
-        }
-        h1 {
-            color: #Eff1f6bf;
-        }
-        video {
-            border: 2px solid #282828;
-            width: 640px;
-            height: 480px;
-        }
-        button {
-            margin: 10px;
-            padding: 10px 20px;
-            background-color: #28a745;
-            color: white;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-        }
-        button:hover {
-            background-color: #218838;
-        }
-        #test-status {
-            margin-top: 20px;
-            font-size: 18px;
-            font-weight: bold;
-        }
-    </style>
-</head>
-<body>
-    <div id="instructions">
-        <h2>Instructions :</h2>
-        <p>Follow the steps below to ensure your webcam and audio are working properly:</p>
-        <ul>
-            <li>Allow webcam permission to check if your webcam is functioning.</li>
-            <li>Both the webcam and audio tests will be conducted automatically.</li>
-            <li>Once both tests are complete, you will be ready to take the test.</li>
-        </ul>
-    </div>
-
-
-    <h3>Webcam Feed</h3>
-    <video id="webcam" autoplay></video>
-
-    <button id="start-test-btn">Start Webcam and Audio Test</button>
-    <div id="test-status">Test Status: Not Started</div>
-
-    <script>
-        // Start webcam feed
-        const videoElement = document.getElementById('webcam');
-        if (navigator.mediaDevices.getUserMedia) {
-            navigator.mediaDevices.getUserMedia({ video: true })
-                .then(function(stream) {
-                    videoElement.srcObject = stream;
-                })
-                .catch(function(error) {
-                    console.log("Error accessing the webcam: " + error);
-                });
-        }
-
-        // Handle the start test button
-        document.getElementById('start-test-btn').addEventListener('click', function() {
-            fetch('/start_test')
-                .then(response => response.json())
-                .then(data => {
-                    document.getElementById('test-status').textContent = 'Test Status: In Progress';
-                    // Check the test status periodically
-                    const intervalId = setInterval(() => {
-                        fetch('/check_test_status')
-                            .then(response => response.json())
-                            .then(data => {
-                                if (data.test_ready) {
-                                    document.getElementById('test-status').textContent = 'Test Status: Ready. You can start the test!';
-                                    clearInterval(intervalId);
-                                }
-                            });
-                    }, 1000);
-                });
-        });
-    </script>
-
-</body>
-</html>
diff --git a/wsgi.py b/wsgi.py
index 6b03f79..1b73bf7 100644
--- a/wsgi.py
+++ b/wsgi.py
@@ -1,4 +1,4 @@
-from app import app
+from backend.server import app
 
 if __name__ == "__main__":
     app.run(debug=True)