integration demo

package.json

@@ -2,7 +2,7 @@
   "name": "order-management-client",
   "version": "0.1.0",
   "private": true,
-  "proxy": "http://localhost:8080",
+  "proxy": "http://localhost:4",
   "dependencies": {
     "@chakra-ui/icons": "^1.0.13",
     "@chakra-ui/react": "^1.6.0",

src/pages/OrderShowPage.tsx

@@ -15,7 +15,7 @@ const OrderShowPage = (props: any) => {
     // const { id } = useParams<any>();
     // const { order } = useOrder(id)
     const location = props.match.params.id;
-    const apiUrl = 'http://localhost:8080/api/orders/' + location;
+    const apiUrl = 'http://localhost:8084/api/orders/' + location;
     const [order, setOrder] = useState<Order>();
     const [items, setItems] = useState<Item[]>()
 

src/services/OrderService.ts

@@ -2,7 +2,7 @@ import orderList from './mock-order-data'
 import { Order } from 'Order';
 
 export const allOrders = () => {
-    const apiUrl = 'http://localhost:8080/api/orders';
+    const apiUrl = 'http://localhost:8084/api/orders';
     return fetch(apiUrl).then((response) => response.json())
 }