feat: Substitute the Backend URL dynamically

frontend/src/components/app.tsx

@@ -17,7 +17,7 @@ import VocabPage from "../containers/VocabPage";
 
 import Drawer from "../containers/Drawer";
 
-import { BACKEND_URL } from "../config";
+import { BACKEND_URL } from "../config.in";
 
 import { ILevel } from "../models/level";
 import { TopTen } from "../models/learner";

frontend/src/config.in

@@ -0,0 +1,11 @@
+module.exports = {
+               // Maximum distance from the answer to be still considered correct
+               LEVENSHTEIN_MAX_DISTANCE: 2,
+
+               BACKEND_URL: "{{{backend_url}}}",
+               // How often a wrongly answered group will be readded to the review queue
+               MAX_ERROR_THRESHOLD: 2,
+
+               // After how many failed attempts should we help the user
+               REVIEW_HELP_MOD: 3
+};

frontend/src/config.ts

@@ -1,11 +0,0 @@
-// Maximum distance from the answer to be still considered correct
-export const LEVENSHTEIN_MAX_DISTANCE = 2;
-
-// export const BACKEND_URL = "http://127.0.0.1";
-export const BACKEND_URL = "https://192.168.178.100";
-
-// How often a wrongly answered group will be readded to the review queue
-export const MAX_ERROR_THRESHOLD = 2;
-
-// After how many failed attempts should we help the user
-export const REVIEW_HELP_MOD = 3;

frontend/src/pages/register.tsx

@@ -10,7 +10,7 @@ import Snackbar from "@material-ui/core/Snackbar";
 
 import { withRouter } from "react-router-dom";
 
-import { BACKEND_URL } from "../config";
+import { BACKEND_URL } from "../config.in";
 
 interface IProps {
     history: any;

frontend/src/pages/review.tsx

@@ -31,10 +31,8 @@ import { ReviewType, IReviewMetadata } from "../models/review";
 import lev from "js-levenshtein";
 import {
     LEVENSHTEIN_MAX_DISTANCE, MAX_ERROR_THRESHOLD,
-    REVIEW_HELP_MOD
-} from "../config";
-
-import { BACKEND_URL } from "../config";
+    REVIEW_HELP_MOD, BACKEND_URL
+} from "../config.in";
 
 import { Queue } from "../utils/queue";