Environment variable added

AOSSIE-Org · Jan 1, 2025 · e0833bd · e0833bd
1 parent 646d02b
commit e0833bd
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 4 deletions.
diff --git a/eduaid_web/.env.example b/eduaid_web/.env.example
@@ -0,0 +1 @@
+REACT_APP_BASE_URL=http://localhost:5000
diff --git a/eduaid_web/README.md b/eduaid_web/README.md
@@ -14,6 +14,8 @@ Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 The page will reload when you make changes.\
 You may also see any lint errors in the console.
 
+Rename the `.env.example` file to `.env` after setting up the project.
+
 ### `npm test`
 
 Launches the test runner in the interactive watch mode.\

diff --git a/eduaid_web/package.json b/eduaid_web/package.json
@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "dotenv": "^16.4.7",
     "pdf-lib": "^1.17.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

diff --git a/eduaid_web/src/pages/Output.jsx b/eduaid_web/src/pages/Output.jsx
@@ -101,7 +101,7 @@ const Output = () => {
   }, []);
 
   const generateGoogleForm = async () => {
-    const response = await fetch("http://localhost:5000/generate_gform", {
+    const response = await fetch(`${process.env.REACT_APP_BASE_URL}/generate_gform`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",

diff --git a/eduaid_web/src/pages/Text_Input.jsx b/eduaid_web/src/pages/Text_Input.jsx
@@ -27,7 +27,7 @@ const Text_Input = () => {
       formData.append("file", file);
 
       try {
-        const response = await fetch("http://localhost:5000/upload", {
+        const response = await fetch(`${process.env.REACT_APP_BASE_URL}/upload`, {
           method: "POST",
           body: formData,
         });
@@ -54,7 +54,7 @@ const Text_Input = () => {
     // Check if a Google Doc URL is provided
     if (docUrl) {
       try {
-        const response = await fetch("http://localhost:5000/get_content", {
+        const response = await fetch(`${process.env.REACT_APP_BASE_URL}/get_content`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -122,7 +122,7 @@ const Text_Input = () => {
         use_mediawiki: isToggleOn,
       });
 
-      const response = await fetch(`http://localhost:5000/${endpoint}`, {
+      const response = await fetch(`${process.env.REACT_APP_BASE_URL}/${endpoint}`, {
         method: "POST",
         body: formData,
         headers: {