diff --git a/src/pages/admin/admin.js b/src/pages/admin/admin.js
index 58c236a41bd1cdea262bac4150ef298ad4cc9c43..f38cc1b5d2f7bbb29a8d1e8e8d8d1315d4703f37 100644
--- a/src/pages/admin/admin.js
+++ b/src/pages/admin/admin.js
@@ -90,9 +90,10 @@ const AdminPageView = () => {
         // const { Title, Description, city, street_address, lat, lon, total_spaces, spaces_available } = location;
 
         console.log(location);
+        const baseUrl = process.env.REACT_APP_LOCATION_SERVICE_ENDPOINT;
 
         try {
-            const response = await fetch("/location/parking-locations", {
+            const response = await fetch(`${baseUrl}/location/parking-locations`, {
                 method: "POST",
                 headers: {
                     Authorization: `Bearer ${localStorage.getItem("token")}`,
@@ -134,7 +135,8 @@ const AdminPageView = () => {
     // Delete a location
     const deleteLocation = async (id) => {
         try {
-            const response = await fetch(`/location/parking-locations/${id}`, {
+            const baseUrl = process.env.REACT_APP_LOCATION_SERVICE_ENDPOINT;
+            const response = await fetch(`${baseUrl}/location/parking-locations/${id}`, {
                 method: 'DELETE',
                 headers: {
                     Authorization: `Bearer ${localStorage.getItem("token")}`,
diff --git a/src/pages/parking_areas/parking_areas.js b/src/pages/parking_areas/parking_areas.js
index b71861ed8c0ceff5c6ce9c94a57a7d02bb0d658a..d04b3baed44e612e13afeee4f77aa00942898af2 100644
--- a/src/pages/parking_areas/parking_areas.js
+++ b/src/pages/parking_areas/parking_areas.js
@@ -30,10 +30,9 @@ import {
   NumberDecrementStepper,
 } from "@chakra-ui/react";
 
-const API_URL = "https://your-parking-areas-microservice-url.com";
+const API_URL = process.env.REACT_APP_LOCATION_SERVICE_ENDPOINT;
 
 const ParkingAreasPage = () => {
-  const authToken = ""; // Load from storage.
   const [postcode, setPostcode] = useState("");
   const [radius, setRadius] = useState(1);
   const [parkingAreas, setParkingAreas] = useState([]);
@@ -88,15 +87,18 @@ const ParkingAreasPage = () => {
     setIsBookingLoading(true);
     setBookingError(null);
 
+    const bookingServiceBaseUrl  = process.env.REACT_APP_BOOKING_SERVICE_ENDPOINT;
+
     try {
       const response = await fetch(
-        `${API_URL}/parking-areas/${selectedParkingArea._id}/book`,
+        `${bookingServiceBaseUrl}/bookings/createBooking`,
         {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
           },
           body: JSON.stringify({
+            refNO: selectedParkingArea._id,
             start_time: startTime,
             expiry_time: expiryTime,
           }),