Address review feedback: add test runner, restore FAQ data, fix duplicate code, update env vars, fix proxy config, update docs

Signed-off-by: Mansi2007275 <mansi@example.com>

Author: Mansi2007275

.gitignore

@@ -1,11 +1,7 @@
-*.pyc
-.env
-src/config/supported_distros.py
+@"
 node_modules/
-react-frontend/node_modules/
-backend/node_modules/
-react-frontend/build/
-log/
 venv/
-node_modules/
-backend/node_modules/
+.env
+build/
+dist/
+"@ | Out-File -FilePath .gitignore -Encoding utf8

docs/Installation.md

@@ -134,8 +134,8 @@ npm install
 ```bash
 cp .env.example .env
 ```
-Ensure `REACT_APP_API_URL` points to your backend URL (e.g., `http://localhost:5000`).
-
+<!-- Ensure `REACT_APP_API_URL` points to your backend URL (e.g., `http://localhost:5000`). -->
+Ensure `VITE_REACT_APP_API_URL` points to your backend URL (e.g., `http://localhost:5000`).
 #### Start the react frontend application
 ```bash
 npm start

react-frontend/.env.example

@@ -1 +1,2 @@
-REACT_APP_API_URL=http://localhost:5000
+# // REACT_APP_API_URL=http://localhost:5000
+VITE_REACT_APP_API_URL=http://localhost:5000

react-frontend/package-lock.json

@@ -23,11 +23,13 @@
     "vite": "^8.0.14",
     "web-vitals": "^2.1.4"
   },
+  
   "scripts": {
     "dev": "vite",
+    "start": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "eject": "react-scripts eject"
+    "test": "vitest"
   },
   "eslintConfig": {
     "extends": [
@@ -48,10 +50,9 @@
     ]
   },
   "devDependencies": {
-
-    "autoprefixer": "^10.5.0",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-
-    "tailwindcss": "^3.4.4"
+    "autoprefixer": "^10.5.0",
+    "tailwindcss": "^3.4.4",
+    "vitest": "^4.1.9"
   }
 }

react-frontend/package.json

@@ -32,11 +32,16 @@ function SearchBar({ onSearchPerformed }) {
   const [searchError, setSearchError] = useState("");
   const [lastSearchParams, setLastSearchParams] = useState(null);
 
-  const BASE_URL = useMemo(
-    () => normalizeApiBaseUrl(process.env.REACT_APP_API_URL),
+//  // const BASE_URL = useMemo(
+//     () => normalizeApiBaseUrl(process.env.REACT_APP_API_URL),
+//     []
+//   );
+
+const BASE_URL = useMemo(
+    () => normalizeApiBaseUrl(import.meta.env.VITE_REACT_APP_API_URL),
     []
   );
-
+  
   const fetchOSList = useCallback(() => {
     fetch(`${BASE_URL}/getSupportedDistros`)
       .then((response) => response.json())
@@ -71,15 +76,15 @@ function SearchBar({ onSearchPerformed }) {
   }, [selectedOS, searchPerformed]);
 
 
-  const fetchOSList = () => {
-    console.log(`${import.meta.env.VITE_REACT_APP_API_URL}/getSupportedDistros`)
-    fetch(`${import.meta.env.VITE_REACT_APP_API_URL}/getSupportedDistros`)
-      .then((response) => response.json())
-      .then((data) => {
-        console.log(data);
-        setOsList(data);
-      });
-  };
+  // const fetchOSList = () => {
+  //   console.log(`${import.meta.env.VITE_REACT_APP_API_URL}/getSupportedDistros`)
+  //   fetch(`${import.meta.env.VITE_REACT_APP_API_URL}/getSupportedDistros`)
+  //     .then((response) => response.json())
+  //     .then((data) => {
+  //       console.log(data);
+  //       setOsList(data);
+  //     });
+  // };
 
 
 
@@ -103,9 +108,11 @@ function SearchBar({ onSearchPerformed }) {
     const searchTerm = params ? params.value : value;
 
 
-    const apiUrl = `${import.meta.env.VITE_REACT_APP_API_URL}/searchPackages?search_term=${value}&exact_match=${exact}&search_bit_flag=${searchBitFlag}${osFilters}`;
+    // const apiUrl = `${import.meta.env.VITE_REACT_APP_API_URL}/searchPackages?search_term=${value}&exact_match=${exact}&search_bit_flag=${searchBitFlag}${osFilters}`;
+    
+    // console.log("Fetch URL:", apiUrl);
+
 
-    console.log("Fetch URL:", apiUrl);
 
     const encodedSearchTerm = encodeURIComponent(searchTerm);
     const apiUrl = `${BASE_URL}/searchPackages?search_term=${encodedSearchTerm}&exact_match=${isExact}&search_bit_flag=${searchBitFlag}&page_number=${page}&search_description=${isSearchDescription}&limit=${limit}`;