diff --git a/client/src/App.tsx b/client/src/App.tsx
index eb4f134..fce7732 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -10,6 +10,26 @@ function App() {
   const [isLoading, setIsLoading] = useState(false);
   const [ready, setReady] = useState(false);
 
+
+  const forceScrap = async () => {
+    setIsLoading(true);
+    const url = `${process.env.REACT_APP_API_URL}/api/force-scrap`;
+    try {
+      const res = await axios.post(url);
+
+      const { ready } = res.data;
+      setReady(ready);
+
+      setIsLoading(false);
+      alert('All is Ready Now');
+
+    } catch (error) {
+      alert('An error occurred. \n' + error);
+      setIsLoading(false);
+    }
+
+  }
+
   const onSubmit = async (data: any) => {
     setIsLoading(true);
 
@@ -44,15 +64,16 @@ function App() {
     }
   };
 
+
   return (
     <div className="App">
       <header className="header">
         <body>
-          {results === undefined ? (
-            <InputForm isLoading={isLoading} onSubmit={onSubmit} />
-          ) : (
-            <ResultsTable results={results} />
-          )}
+          {
+              (results === undefined ?
+                <InputForm isLoading={isLoading} onSubmit={onSubmit} forceScrap={forceScrap} />
+                : <ResultsTable results={results} />)
+          }
         </body>
       </header>
     </div>
diff --git a/client/src/InputForm.jsx b/client/src/InputForm.jsx
index 49f7b0c..77d1a24 100644
--- a/client/src/InputForm.jsx
+++ b/client/src/InputForm.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-function InputForm({ onSubmit, isLoading }) {
+function InputForm({ onSubmit, isLoading ,forceScrap}) {
 
     const [numOfPolygonPages, setNumOfPolygonPages] = useState('');
     const [problemsId, setProblemsId] = useState('');
@@ -18,38 +18,51 @@ function InputForm({ onSubmit, isLoading }) {
         setter(event.target.value);
     };
 
+   
+
     return (
-        <form classname='form' onSubmit={submitHandler}>
-            <div>
-                <input
-                    className="input form-entry"
-                    id="numOfPolygonPages"
-                    placeholder="Enter Number of Polygon Pages"
-                    value={numOfPolygonPages}
-                    onChange={createOnChangeHandler(setNumOfPolygonPages)}
-                />
-            </div>
-
-            <div>
-                <textarea
-                    className="comma-separated-input form-entry"
-                    id="problem-id"
-                    placeholder="Enter Problem ID"
-                    value={problemsId}
-                    onChange={createOnChangeHandler(setProblemsId)}
-                />
-            </div>
-
-            <button type="submit" className="submit form-entry" disabled={isLoading}>
+        <div>
+            <form classname='form' onSubmit={submitHandler}>
+                <div>
+                    <input
+                        className="input form-entry"
+                        id="numOfPolygonPages"
+                        placeholder="Enter Number of Polygon Pages"
+                        value={numOfPolygonPages}
+                        onChange={createOnChangeHandler(setNumOfPolygonPages)}
+                    />
+                </div>
+
+                <div>
+                    <textarea
+                        className="comma-separated-input form-entry"
+                        id="problem-id"
+                        placeholder="Enter Problem ID"
+                        value={problemsId}
+                        onChange={createOnChangeHandler(setProblemsId)}
+                    />
+                </div>
+
+                <button type="submit" className="submit form-entry" disabled={isLoading}>
+                    {isLoading && (
+                        <div class="spinner-border spinner-grow-sm mr-1" role="status">
+                            <span class="sr-only">Loading...</span>
+                        </div>
+                    )}
+                Submit
+
+            </button>
+            </form>
+            <button className="submit form-entry" disabled={isLoading} onClick={forceScrap}>
                 {isLoading && (
-                    <div class="spinner-border spinner-grow-sm mr-1" role="status">
-                        <span class="sr-only">Loading...</span>
+                    <div className="spinner-border spinner-grow-sm mr-1">
+                        <span className="sr-only">Loading...</span>
                     </div>
                 )}
-                Submit
+                Force Scrap
 
             </button>
-        </form>
+        </div>
     );
 }
 
diff --git a/package-lock.json b/package-lock.json
index a65f5fe..58713d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -485,6 +485,14 @@
         }
       }
     },
+    "express-basic-auth": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/express-basic-auth/-/express-basic-auth-1.2.0.tgz",
+      "integrity": "sha512-iJ0h1Gk6fZRrFmO7tP9nIbxwNgCUJASfNj5fb0Hy15lGtbqqsxpt7609+wq+0XlByZjXmC/rslWQtnuSTVRIcg==",
+      "requires": {
+        "basic-auth": "^2.0.1"
+      }
+    },
     "extract-zip": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
diff --git a/package.json b/package.json
index 596cdd6..c054b9d 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "cors": "^2.8.5",
     "dotenv": "^8.2.0",
     "express": "^4.17.1",
+    "express-basic-auth": "^1.2.0",
     "http-delayed-response": "0.0.4",
     "morgan": "^1.10.0",
     "path": "^0.12.7",
diff --git a/src/index.ts b/src/index.ts
index c907e3a..35a6a24 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -4,10 +4,13 @@ import path from 'path';
 import morgan from 'morgan';
 import cors from 'cors';
 import { Scraper } from './scraper';
+import basicAuth from 'express-basic-auth';
 
 const fs = require('fs');
 const app = express();
 
+
+
 let problemsScraper = undefined;
 let ready = false;
 
@@ -26,8 +29,16 @@ const logFile = fs.createWriteStream(path.join(__dirname, 'logs.log'), {
 app.use(express.json());
 app.use(cors());
 app.use(morgan('dev', { stream: logFile }));
+app.use(
+  basicAuth({
+    users: { [process.env.BASIC_AUTH_USERNAME as string]: process.env.BASIC_AUTH_PASSWORD as string },
+    challenge: true,
+  }),
+);
+
 app.use(express.static(path.join(__dirname, '../client/build')));
 
+
 const startScraper = async () => {
   if (!ready) {
     problemsScraper = new Scraper();
@@ -61,6 +72,16 @@ app.post('/api/cf-problems-matching', async (req, res) => {
   res.end();
 });
 
+
+app.post('/api/force-scrap', async (req, res) => {
+  req.setTimeout(1000 * 60 * 10); // 10 Minutes
+  ready = false;
+  await startScraper();
+
+  res.send({ ready });
+  res.end();
+});
+
 app.get('*', (req, res) => {
   res.sendFile(path.join(__dirname, '../client/build/index.html'));
 });
