added environment variables

.env.all

@@ -0,0 +1,3 @@
+REACT_APP_BASE_URL = "https://scandiweb-task-marwan-elsheikh.000webhostapp.com/"
+REACT_APP_ADD_URL = "https://scandiweb-task-marwan-elsheikh.000webhostapp.com/addproduct/"
+REACT_APP_DELETE_URL = "https://scandiweb-task-marwan-elsheikh.000webhostapp.com/deleteproduct/"

package.json

@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.2.1",
     "bootstrap": "^5.3.0-alpha1",
+    "env-cmd": "^10.1.0",
     "react": "^18.2.0",
     "react-bootstrap": "^2.7.0",
     "react-dom": "^18.2.0",
@@ -16,8 +17,8 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "env-cmd -f .env.all react-scripts start",
+    "build": "env-cmd -f .env.all react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "heroku-postbuild": "npm run build"

server/index.php

@@ -27,9 +27,11 @@
             $class = $type;
             $product_object = new $class($product, true);
             $product_object->addProduct($conn, $type);
-        } else {
+        } else if ($path[1] == "deleteproduct") {
+            $body = json_decode(file_get_contents('php://input'));
+            $sku = $body->SKU;
             $products_list = new ProductList();
-            $products_list->deleteProduct($conn, $path[2]);
+            $products_list->deleteProduct($conn, $sku);
         }
         break;
 }

src/components/CreateProduct/CreateProduct.js

@@ -62,7 +62,7 @@ function CreateProduct() {
             if (valid) {
                 try {
                     // console.log(product)
-                    fetch('https://scandiweb-task-marwan-elsheikh.000webhostapp.com/addproduct', {
+                    fetch(process.env.REACT_APP_ADD_URL, {
                         method: 'post',
                         body: JSON.stringify(product)
                     }).then(function (response) {

src/components/ProductsList/ProductsList.js

@@ -22,7 +22,7 @@ export default function ProductsList() {
 
     function getProducts() {
         try {
-            fetch('https://scandiweb-task-marwan-elsheikh.000webhostapp.com/', {
+            fetch(process.env.REACT_APP_BASE_URL, {
                 method: 'get',
             }).then(function (response) {
                 return response.json();
@@ -46,8 +46,9 @@ export default function ProductsList() {
         let tempSelected = [];
         Object.assign(tempSelected, selected);
         try {
-            fetch('https://scandiweb-task-marwan-elsheikh.000webhostapp.com/deleteproduct/' + SKU, {
+            fetch(process.env.REACT_APP_DELETE_URL, {
                 method: 'post',
+                body: JSON.stringify({"SKU": SKU})
             }).then(function (response) {
                 return response.json();
             }).then(function (data) {