Index: src/main/java/com/example/skychasemk/controller/ReviewController.java
===================================================================
--- src/main/java/com/example/skychasemk/controller/ReviewController.java	(revision 8ae59d679f708d0e89f1d6196461c0496ec0a426)
+++ src/main/java/com/example/skychasemk/controller/ReviewController.java	(revision 7deb3e2f2b25173055e53926791fba21c9d4dbac)
@@ -2,5 +2,4 @@
 
 import com.example.skychasemk.dto.ReviewDTO;
-import com.example.skychasemk.model.Notification;
 import com.example.skychasemk.model.Review;
 import com.example.skychasemk.repository.ReviewRepository;
@@ -11,5 +10,4 @@
 
 import java.util.List;
-import java.util.Optional;
 
 @RestController
@@ -24,5 +22,5 @@
     // Get all reviews
     @GetMapping
-    public List<Review> getAllReviews() {
+    public List<ReviewDTO> getAllReviews() {
         return reviewService.getAllReviews();
     }
Index: src/main/java/com/example/skychasemk/dto/ReviewDTO.java
===================================================================
--- src/main/java/com/example/skychasemk/dto/ReviewDTO.java	(revision 8ae59d679f708d0e89f1d6196461c0496ec0a426)
+++ src/main/java/com/example/skychasemk/dto/ReviewDTO.java	(revision 7deb3e2f2b25173055e53926791fba21c9d4dbac)
@@ -11,4 +11,13 @@
     private Integer rating;
     private LocalDate date;
+    private String flightNumber;
+
+    public String getFlightNumber() {
+        return flightNumber;
+    }
+
+    public void setFlightNumber(String flightNumber) {
+        this.flightNumber = flightNumber;
+    }
 
     // Getters and Setters
Index: src/main/java/com/example/skychasemk/services/ReviewService.java
===================================================================
--- src/main/java/com/example/skychasemk/services/ReviewService.java	(revision 8ae59d679f708d0e89f1d6196461c0496ec0a426)
+++ src/main/java/com/example/skychasemk/services/ReviewService.java	(revision 7deb3e2f2b25173055e53926791fba21c9d4dbac)
@@ -3,4 +3,5 @@
 import com.example.skychasemk.dto.ReviewDTO;
 import com.example.skychasemk.model.Review;
+import com.example.skychasemk.repository.FlightRepository;
 import com.example.skychasemk.repository.ReviewRepository;
 import org.springframework.beans.factory.annotation.Autowired;
@@ -8,4 +9,5 @@
 
 import java.time.LocalDate;
+import java.util.ArrayList;
 import java.util.List;
 import java.util.Optional;
@@ -17,7 +19,32 @@
     private ReviewRepository reviewRepository;
 
-    public List<Review> getAllReviews() {
+    @Autowired
+    private FlightRepository flightRepository;
+
+    public List<ReviewDTO> getAllReviews(){
+        List<Review> reviews = reviewRepository.findAll();
+        List<ReviewDTO> reviewDTOs = new ArrayList<>();
+
+        for (Review review : reviews) {
+            ReviewDTO dto = new ReviewDTO();
+            dto.setReviewID(review.getReviewID());
+            dto.setReviewComment(review.getReviewComment());
+            dto.setRating(review.getRating());
+            dto.setTargetID(review.getTargetID());
+            dto.setUserID(review.getUserID());
+
+            flightRepository.findById(Long.valueOf(review.getTargetID())).ifPresent(flight -> {
+                dto.setFlightNumber(flight.getFlightNumber());
+            });
+
+
+            reviewDTOs.add(dto);
+        }
+        return reviewDTOs;
+    }
+
+   /* public List<Review> getAllReviews() {
         return reviewRepository.findAll();
-    }
+    }*/
 
     public Optional<Review> getReviewById(Integer reviewID) {
Index: src/main/resources/static/FlightSearch.html
===================================================================
--- src/main/resources/static/FlightSearch.html	(revision 8ae59d679f708d0e89f1d6196461c0496ec0a426)
+++ src/main/resources/static/FlightSearch.html	(revision 7deb3e2f2b25173055e53926791fba21c9d4dbac)
@@ -356,5 +356,5 @@
         <ul>
             <li v-for="notification in notifications" :key="notification.message">
-                {{ notification.message }}
+                {{ notification.message }} - {{ "RESOLVED" }}
             </li>
         </ul>
@@ -402,4 +402,5 @@
                         this.notifications = response.data;
                         this.unreadNotifications = this.notifications.filter(n => !n.read).length;
+                        console.log(response.data);
                     })
                     .catch(error => {
Index: src/main/resources/static/ReviewPage.html
===================================================================
--- src/main/resources/static/ReviewPage.html	(revision 8ae59d679f708d0e89f1d6196461c0496ec0a426)
+++ src/main/resources/static/ReviewPage.html	(revision 7deb3e2f2b25173055e53926791fba21c9d4dbac)
@@ -12,4 +12,39 @@
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
 <style>
+    .review-container {
+        max-width: 800px;
+        margin: 0 auto;
+        padding: 20px;
+    }
+
+    .review-list {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+        margin-top: 20px;
+    }
+
+    .review-item {
+        background-color: #fff;
+        border: 1px solid #ccc;
+        border-radius: 12px;
+        padding: 15px 20px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        transition: box-shadow 0.3s ease;
+    }
+
+    .review-item:hover {
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+    }
+
+    .review-item p {
+        margin: 5px 0;
+    }
+
+    .review-item span {
+        font-weight: bold;
+        color: #673ab7;
+    }
+
     .popup-overlay {
         position: fixed;
@@ -85,7 +120,8 @@
             <div class="review-list">
                 <div v-for="review in reviews" :key="review.reviewid" class="review-item">
+                    <p><strong>Flight Number:</strong> {{ review.flightNumber }}</p>
                     <h3>{{ review.date }}</h3>
                     <p>{{ review.reviewComment }}</p>
-                    <span>{{ review.rating }}</span>
+                    <span><i class="fas fa-star" style="color:gold;"></i> {{ review.rating }}</span>
                 </div>
             </div>
@@ -139,4 +175,5 @@
                     const response = await axios.get("api/reviews");
                     this.reviews = response.data;
+                    console.log(response.data);
                 } catch (error) {
                     console.error(error);