Index: src/main/resources/static/FlightSearch.html
===================================================================
--- src/main/resources/static/FlightSearch.html	(revision 57e58a35be0538f1ab9cd2a435d4229175bc485f)
+++ src/main/resources/static/FlightSearch.html	(revision 3d609327dbace888fbc6a057dfb4b5c624b18c15)
@@ -165,6 +165,7 @@
                 const bookingDate = new Date().toISOString().split('T')[0];
 
+
                 const bookingData = {
-                    flightId: flight.flightId,
+                    flightId: flight.flightID,
                     bookingDate: bookingDate,
                     status: 'PENDING',
@@ -174,6 +175,7 @@
                 axios.post('/api/bookings', bookingData)
                     .then(response => {
+                        const bookingID = response.data.bookingID;
                         alert("Booked successfully!");
-                        window.location.href = `/transaction?amount=${encodeURIComponent(totalCost)}`;
+                        window.location.href = `/transaction?amount=${encodeURIComponent(totalCost)}&bookingId=${encodeURIComponent(bookingID)}&flightId=${encodeURIComponent(flight.flightID)}`;
                     })
                     .catch(error => {
@@ -189,5 +191,5 @@
 
                 const wishlistData = {
-                    targetId: flight.flightId,
+                    targetId: flight.flightID,
                     wishlisted: flight.wishlisted
                 };
@@ -274,5 +276,5 @@
                     console.error("Error fetching flights", error);
                 });
-            axios.get('api/bookings/getAll/${flight.flightID}')
+            axios.get('api/bookings/getAll/${flight.flightId}')
                 .then(response => {
                     console.log(response.data);
Index: src/main/resources/static/ReviewPage.html
===================================================================
--- src/main/resources/static/ReviewPage.html	(revision 57e58a35be0538f1ab9cd2a435d4229175bc485f)
+++ src/main/resources/static/ReviewPage.html	(revision 3d609327dbace888fbc6a057dfb4b5c624b18c15)
@@ -20,7 +20,7 @@
 
             <div class="review-list">
-                <div v-for="review in reviews" :key="review.id" class="review-item">
-                    <h3>{{ review.subject }}</h3>
-                    <p>{{ review.description }}</p>
+                <div v-for="review in reviews" :key="review.reviewid" class="review-item">
+                    <h3>Description</h3>
+                    <p>{{ review.review_comment }}</p>
                     <span>{{ review.date }}</span>
                 </div>
@@ -29,35 +29,26 @@
     </div>
 </div>
-
+<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
 <script>
     new Vue({
         el: '#app',
         data: {
-            reviews: [
-                {
-                    id: 1,
-                    subject: 'Great experience!',
-                    description: 'The flight was amazing, the service was excellent, and the views were breathtaking.',
-                    date: '2025-02-01',
-                },
-                {
-                    id: 2,
-                    subject: 'Good but delayed',
-                    description: 'The flight was comfortable, but it was delayed by two hours, which caused some inconvenience.',
-                    date: '2025-02-02',
-                },
-                {
-                    id: 3,
-                    subject: 'Okay, but not perfect',
-                    description: 'Everything was fine, but the food options could have been better.',
-                    date: '2025-02-03',
-                },
-            ]
+            reviews: []
         },
         methods: {
             logout() {
-                // Logic to log out the user, e.g., clearing session or redirecting to home page
-                window.location.href = '/'; // Redirecting to home page
+                window.location.href = '/';
             }
+        },
+        mounted() {
+            axios.get('api/reviews')
+                .then(response => {
+                    this.reviews = response.data;
+                    console.log(response.data);
+                })
+                .catch(error => {
+                    console.error("Error fetching reviews", error);
+                });
         }
     });
Index: src/main/resources/static/TransactionPage.html
===================================================================
--- src/main/resources/static/TransactionPage.html	(revision 57e58a35be0538f1ab9cd2a435d4229175bc485f)
+++ src/main/resources/static/TransactionPage.html	(revision 3d609327dbace888fbc6a057dfb4b5c624b18c15)
@@ -53,4 +53,5 @@
         el: '#app',
         data: {
+            bookingId: '',
             cardholder: '',
             cardNumber: '',
@@ -63,4 +64,5 @@
             this.flightId = urlParams.get('flightId');
             this.amount = urlParams.get('amount');
+            this.bookingId = urlParams.get('bookingId')
 
             const user = JSON.parse(localStorage.getItem("user"));
@@ -79,8 +81,8 @@
                     bookingId:this.bookingId
                 };
-
+                console.log(transaction);
                 axios.post('api/payments', transaction)
                     .then(response => {
-                        console.log("Payment successful");
+                        console.log(response.data);
                         this.paymentSuccess = true;
                         setTimeout(() => window.location.href = '/flights',2000);
Index: src/main/resources/static/UserSignup.html
===================================================================
--- src/main/resources/static/UserSignup.html	(revision 57e58a35be0538f1ab9cd2a435d4229175bc485f)
+++ src/main/resources/static/UserSignup.html	(revision 3d609327dbace888fbc6a057dfb4b5c624b18c15)
@@ -35,5 +35,5 @@
         <div class="form-group">
             <label for="phoneNumber">Phone Number</label>
-            <input type="text" id="phoneNumber" v-model="phoneNumber" required placeholder="Enter your phone number" />
+            <input type="text" id="phoneNumber" v-model="phone_number" required placeholder="Enter your phone number" />
         </div>
 
@@ -53,9 +53,8 @@
             email: '',
             password: '',
-            phoneNumber: ''
+            phone_number: ''
         },
         methods: {
             signupUser() {
-                // Create user data object
                 const userData = {
                     name: this.name,
@@ -63,8 +62,7 @@
                     email: this.email,
                     password: this.password,
-                    phoneNumber: this.phoneNumber
+                    phone_number: this.phone_number
                 };
 
-                // Send POST request to the backend
                 axios.post('http://localhost:8080/api/user/signup', userData)
                     .then(response => {
Index: src/main/resources/static/WishlistPage.html
===================================================================
--- src/main/resources/static/WishlistPage.html	(revision 57e58a35be0538f1ab9cd2a435d4229175bc485f)
+++ src/main/resources/static/WishlistPage.html	(revision 3d609327dbace888fbc6a057dfb4b5c624b18c15)
@@ -81,5 +81,5 @@
             },
             showReviews(flight) {
-                window.location.href = `/review?flightId=${flight.id}`;
+                window.location.href = `/reviews?flightId=${flight.flightid}`;
             },
             logout() {
