Creating Courses

/educator/add-course

<input
  type="text"
  maxLength={80}
  required
  placeholder="e.g. The Complete JavaScript Course 2024"
  value={courseTitle}
  onChange={(e) => setCourseTitle(e.target.value)}
/>

// Drag and drop handler
const handleDrop = (e) => {
  e.preventDefault()
  setIsDragOver(false)
  const file = e.dataTransfer.files[0]
  if (file?.type.startsWith('image/')) {
    setImage(file)
  } else {
    toast.error('Please drop an image file')
  }
}

const price = parseFloat(coursePrice) || 0
const disc = parseFloat(discount) || 0
const finalPrice = price > 0 
  ? Math.floor(price - (disc * price) / 100) 
  : 0

// Example:
// coursePrice = 4999
// discount = 20
// finalPrice = 3999

Course
└── Chapters (ordered sections)
    └── Lectures (individual videos)

{
  chapterId: "unique-uuid",
  chapterTitle: "Chapter 1: Introduction",
  chapterOrder: 1,
  chapterContent: [], // Array of lectures
  collapsed: false // UI state
}

<LectureModal
  onClose={() => setShowModal(false)}
  onAdd={(details) => {
    // Add lecture to chapter with auto-generated ID
    const lecture = {
      ...details,
      lectureId: createId(),
      lectureOrder: lastOrder + 1
    }
    // Update chapter's chapterContent array
  }}
/>

{
  lectureId: "unique-uuid",
  lectureTitle: "Introduction to Hooks",
  lectureDuration: 15, // minutes
  lectureUrl: "https://youtube.com/watch?v=abc123",
  isPreviewFree: true,
  lectureOrder: 1
}

const totalLectures = chapters.reduce(
  (sum, chapter) => sum + chapter.chapterContent.length, 
  0
)

let totalDurationMinutes = 0
chapters.forEach(chapter => {
  chapter.chapterContent.forEach(lecture => {
    totalDurationMinutes += lecture.lectureDuration
  })
})

// Description preview generation
const descPreview = description
  .replace(/[#*`_>[\]()!-]/g, ' ')
  .replace(/\s+/g, ' ')
  .trim()
  .slice(0, 120)

const step1Complete = courseTitle.trim().length > 0
const step2Complete = price > 0 && !!image
const step3Complete = chapters.length > 0 && totalLectures > 0

if (!courseTitle.trim()) {
  toast.error('Course title is required')
  return
}
if (!description.trim()) {
  toast.error('Course description is empty')
  return
}
if (!image) {
  toast.error('Please select a thumbnail')
  return
}
if (chapters.length === 0) {
  toast.error('Add at least one chapter')
  return
}
if (totalLectures === 0) {
  toast.error('Add at least one lecture')
  return
}

const courseData = {
  courseTitle: courseTitle.trim(),
  courseDescription: description,
  coursePrice: price,
  discount: disc,
  courseContent: chapters
}

const formData = new FormData()
formData.append('courseData', JSON.stringify(courseData))
formData.append('image', image) // File object

const token = await getToken()
const { data } = await axios.post(
  backendUrl + '/api/educator/add-course',
  formData,
  {
    headers: { Authorization: `Bearer ${token}` }
  }
)

// Server-side calculation
let totalLectures = 0
let totalDurationMinutes = 0

courseContent.forEach((chapter) => {
  if (Array.isArray(chapter.chapterContent)) {
    totalLectures += chapter.chapterContent.length
    
    chapter.chapterContent.forEach((lecture) => {
      totalDurationMinutes += lecture.lectureDuration
    })
  }
})

const newCourse = await Course.create({
  courseTitle,
  courseDescription,
  coursePrice,
  discount,
  courseContent,
  isPublished,
  educatorId,
  totalLectures,
  totalDurationMinutes
})

// Upload thumbnail
const imageUpload = await cloudinary.uploader.upload(imageFile.path)
newCourse.courseThumbnail = imageUpload.secure_url
await newCourse.save()