Skip to main content

​
Course Details Page

Before enrolling in a course, you can view comprehensive information about its content, structure, and requirements.

​
Accessing Course Details

1

Browse courses

Navigate to the courses catalog and browse available courses.
2

Select a course

Click on any course card to open the detailed course view.
3

Review course information

Examine the course curriculum, duration, ratings, and instructor details.

​
Understanding Course Structure

​
Course Information

The course detail page displays:
  • Course image - Featured visual for the course
  • Title - Full course name
  • Description - Detailed overview of what you’ll learn
  • Total classes - Number of lessons included
  • Total duration - Complete course length (e.g., “5 h 30 m 45 s”)

​
Curriculum by Sections

Courses are organized into sections for structured learning: 
Sección 1
  ├─ Introduction to the Topic     (05:30)
  ├─ Basic Concepts                (12:45)
  └─ Practice Exercise             (08:20)

Sección 2
  ├─ Advanced Techniques           (15:00)
  └─ Real-world Applications       (20:15)
Each lesson shows:
  • Lesson title
  • Duration in MM:SS format
Scroll through all sections to understand the complete course structure before enrolling.

​
Viewing Ratings and Reviews

​
Course Ratings

Click the “Ver calificaciones” (View Ratings) button to see:
  • Student ratings (1-5 stars)
  • Written comments and feedback
  • Number of total reviews
Ratings are displayed in a formatted table:
#RatingComment
15 starsExcellent course!
24 starsVery informative
Ratings help you make informed decisions about course quality and relevance.

​
Enrollment Options

Depending on your relationship to the course, you’ll see different actions:

​
If You Own the Course

Already Purchased

Click “Ir al curso” (Go to Course) to access your enrolled course directly.

​
If You’re the Instructor

Your Course

Click “Ir al panel de instructor” (Go to Instructor Panel) to manage your course.

​
If You Haven’t Enrolled

You have two purchasing options:

​
Option 1: Add to Cart

1

Click 'Agregar al carrito'

Adds the course to your shopping cart for later checkout.
2

Continue browsing

You’re redirected to the cart page, but can return to browse more courses.
3

Checkout when ready

Purchase multiple courses together from your cart.

​
Option 2: Buy Now

1

Click 'Comprar' (Buy)

For immediate purchase of this course.
2

Automatic cart addition

The course is added to your cart automatically.
3

Proceed to checkout

You’re taken directly to the cart page to complete payment.
If you’re not logged in, clicking “Comprar” redirects you to the login page first.

​
Shopping Cart System

​
Cart Overview

Hover over the cart icon in the navigation to see:
  • Cart preview - Quick view of added courses
  • Course names and prices - Individual pricing
  • Total price - Sum of all cart items
  • Item count badge - Number of courses in cart

​
Managing Cart Items

From the cart modal:
1

Review items

See all courses added to your cart with individual prices.
2

Remove unwanted courses

Click “Eliminar” (Remove) next to any course to delete it.
3

Confirm removal

A confirmation dialog appears to prevent accidental deletions.
Removing a course from the cart requires confirmation. This action cannot be undone without re-adding the course.

​
Pricing Calculation

Course prices may include discounts: 
// Price calculation
const discountedPrice = 
  originalPrice - (originalPrice * percentageDiscount / 100);

// Example:
// Original: $100
// Discount: 20%
// Final: $80.00
The system automatically applies:
  • Percentage discounts for courses on sale
  • Rounded prices to 2 decimal places
  • Currency format: US$XX.XX

​
Checkout Process

​
Completing Your Purchase

1

Navigate to cart

Click “Ir a pagar” (Go to Payment) from the cart modal or page.
2

Review order

Verify all courses and total price before proceeding.
3

Complete payment

Follow the payment process to finalize your enrollment.
4

Confirmation

Upon successful payment, you’ll see: “¡Compra Exitosa!” (Purchase Successful!)

​
Post-Purchase

After successful enrollment:
  • Email confirmation - Receipt sent to your registered email
  • Course access - Immediate access to course materials
  • Dashboard update - Courses appear in your student dashboard

Access Your Courses

Click “Ir al curso” (Go to Course) from the confirmation page to start learning.

​
Technical Implementation

The enrollment system uses: 
// Cart management
dispatch({ type: 'ADD_TO_CART', payload: productToAddToCart });
dispatch({ type: 'REMOVE_FROM_CART', payload: productId });
dispatch({ type: 'CLEAR', payload: [] });

// Payment processing
POST /api/payment/cart
{
  cart: [...courses],
  userId: session.id,
  email: session.email,
  paymentId: payment_id
}
Cart data persists in localStorage, so your selections remain even if you navigate away from the page.
From the course details page:
  • Volver (Back) - Return to the previous page
  • Agregar al carrito - Add to shopping cart
  • Comprar - Buy immediately
  • Ir al curso - Access enrolled course (if purchased)
  • Ir al panel de instructor - Manage course (if you’re the instructor)

Build docs developers (and LLMs) love

Get started for freeTalk to us