For your University Rating feature, you should implement the following 5 UI screens:

---

📌 Purpose: Displays all universities with a summary of their ratings.
🖥️ UI Components:
✅ University cards with name, category, and average rating
✅ Clickable cards that navigate to the University Detail Page
✅ Search/filter options (optional)

➡ Example:

• /universities → List of universities

---

📌 Purpose: Shows detailed ratings and reviews for a specific university.
🖥️ UI Components:
✅ University name, category, and average rating
✅ List of student reviews
✅ Review submission form

➡ Example:

• /universities/{id} → Detailed view of the university

---

📌 Purpose: Allows users to compare multiple universities side by side.
🖥️ UI Components:
✅ Comparison table with ratings, tuition fees, job opportunities
✅ "View Reviews" button for detailed student feedback

➡ Example:

• /universities/compare → Compare universities

---

📌 Purpose: A dedicated page where students can submit their reviews.
🖥️ UI Components:
✅ Review input form
✅ Star rating selection
✅ Submit button

➡ Example:

• /universities/{id}/review → Submit a new review

---

📌 Purpose: A modal to show student reviews when clicking "View Reviews" in comparison or detail pages.
🖥️ UI Components:
✅ List of reviews with stars and comments
✅ Close button

➡ Example:

• Triggered inside /universities/compare or /universities/{id}

---

-- | -- | -- 1️⃣ | University List Page | /universities 2️⃣ | University Detail Page | /universities/{id} 3️⃣ | Compare Universities Page | /universities/compare 4️⃣ | Submit Review Page (Optional) | /universities/{id}/review 5️⃣ | Review Modal (Popup) | Inside Compare or Detail Page

Would you like any modifications or additional features? 🚀