Overview
AndanDo’s review and like system helps you share your tour experiences with the community and keep track of tours that interest you. This guide covers leaving reviews, rating tours, and managing your liked content.Review System
Authenticated users can leave reviews on tours they’ve experienced, helping future customers make informed decisions.Leaving a Review
Scroll to Reviews Section
Find the “Comentarios y Reseñas” section. If not authenticated, you’ll see a locked state message:
Write Your Comment
Enter your experience in the textarea (2000 character limit). The field has:
- Rounded corners (12px border-radius)
- Minimum 120px height
- Vertical resize capability
- Focus state with orange accent
All reviews are visible by default (
EsVisible = true) and timestamped with FechaCreacion in UTC.Review Validation
The backend enforces strict validation:Viewing Reviews
Review Cards
Published reviews display in a responsive grid (review-list):
User Avatar
Shows profile photo or generated initial circle with gradient background
User Info
Displays full name from
Nombre and Apellido fieldsStar Rating
Visual 5-star display with yellow highlights for rating value
Comment Text
Review content with timestamp
Verified Purchaser Badge
Some reviews may show a “Compra verificada” badge:Reviews are sorted by most recent first using
ORDER BY r.FechaCreacion DESC in the query.Review Retrieval
Reviews are loaded viaIReviewService.GetReviewsAsync():
ServiceReviewDto contains:
- Review ID
- Service (tour) ID
- User ID and profile data
- Rating (1-5)
- Comment text
- Visibility flag
- Creation and edit timestamps
Rating Aggregation
Tour Ratings
Tour cards display aggregate ratings:- “4.7 (23)” - Average rating with review count
- “Sin clasificar (0)” - No reviews yet
Star Display Logic
- Full stars for values ≥ star position - 0.25
- Empty stars (gray) otherwise
Owner Aggregate Rating
Tour providers have an overall rating calculated from all their tours:- Rating chip with star icon and numeric value
- Review count in gray text
Like System
The like feature lets you bookmark tours for future reference without leaving reviews.Liking a Tour
Find the Heart Icon
On tour cards (marketplace, search results) or detail pages, locate the heart button.On marketplace cards, it’s positioned in the top-right corner of the image:
Click to Like
Click the heart icon. If authenticated:
- Heart fills with orange color
- Button background changes to orange (#eb662b)
- Like is saved to database
- Toast message appears: “Inicia sesión para dar like”
Like Button States
The like button has three visual states:Default (Not Liked)
Default (Not Liked)
- White background with transparency
- Gray outline heart icon
- Hover shows subtle background change
Active (Liked)
Active (Liked)
- Orange background (#eb662b)
- White heart icon with subtle fill
- Enhanced box shadow
Processing (Toggling)
Processing (Toggling)
- Shows loading spinner
- Button disabled during API call
- Prevents double-clicking
Like Persistence
Likes are managed byIPostLikeService:
Database Operations
Adding a Like:The
PostLikes table may include optional CreatedAt or FechaLike timestamps for tracking when likes were added.Like Loading on Page Load
When authenticated users visit the marketplace, their existing likes are loaded:- Queries all visible tours in parallel
- Checks like status for each
- Populates
_likedToursHashSet for O(1) lookup - Triggers UI re-render with correct heart states
Viewing Your Liked Tours
Access your saved tours viaGetUserLikedToursAsync():
LikedTourSummaryDto Structure
Each liked tour includes:Basic Info
Tour ID, title, and location label
Visual
First image URL from ImageList
Pricing
Minimum price and currency code (default: DOP)
Metadata
Duration label and timestamp when liked
Owner Statistics
Tour providers can track engagement through like statistics:- Dashboard metrics: Show total engagement
- Trending indicators: Highlight recently popular tours
- Analytics: Track growth over time
Recent likes counting requires the
CreatedAt column in the PostLikes table. If this column doesn’t exist, only total likes are returned.Toast Notifications
The like system provides user feedback via toast messages:Like Toast on Marketplace
When you interact with the heart button, a toast appears near the button:- “Inicia sesión para dar like.” - Not authenticated
- “No pudimos actualizar tu like.” - Error occurred
Toast Styling
Review and Rating Display
Throughout the platform, ratings appear consistently:On Tour Cards
On Tour Detail Page
Full review cards with:- User profile information
- 5-star rating display
- Comment text
- Timestamp
- Optional “Compra verificada” badge
In Owner Profile
Aggregate statistics showing:- Overall average rating across all tours
- Total number of reviews received
- Visual star representation
Best Practices
Authentic Reviews
Write detailed, honest reviews that help other travelers make informed decisions
Timely Feedback
Leave reviews soon after your tour experience while details are fresh
Constructive Ratings
Use the full 1-5 star range appropriately - reserve 5 stars for exceptional experiences
Like Management
Regularly review your liked tours and remove those you’re no longer interested in
Next Steps
Browsing Tours
Discover how to find and filter tours effectively
Making Reservations
Learn the complete booking process from selection to confirmation