Create clean, simple course outline editor. /** * Represents a course in the system. * @description A course is a structured learning experience that consists of multiple streams, each containing lessons and modules. * Courses can cover a wide range of topics and are designed to help learners acquire new skills or knowledge in a specific area. * Each course has a title, description, authors, and a collection of streams that organize the content into manageable sections. */ interface Course { /** * The title of the course. * @example \"Introduction to TypeScript\" * @description A brief title that summarizes the course content. */ title: string; /** * A detailed description of the course. * @example \"This course covers the basics of TypeScript, including types, interfaces, and classes.\" * @description Provides an overview of what the course will cover and its objectives. */ description: string; /** * The authors of the course. * @example [\"John Doe\", \"Jane Smith\"] * @description A list of authors who contributed to the course content. */ authors: string[]; /** * The streams of the course. * @description A collection of learning streams that make up the course. */ streams: CourseStreams[]; } /** * Represents a stream within a course. * @description A stream is a collection of lessons that focus on a specific topic or theme within a course. */ interface CourseStreams{ /** * The title of the stream. * @example \"Getting Started with TypeScript\" */ title: string; /** * A detailed description of the stream. * @example \"This stream introduces the basics of TypeScript, including setup and basic syntax.\" */ description: string; /** * The lessons included in this stream. * @description A list of lessons that are part of this stream. */ lessons: CourseLessons[]; } /** * Represents a lesson within a stream. * @description A lesson is a single unit of learning that covers a specific topic or skill. * It can include various types of content such as text, videos, quizzes, and more. * Lessons are organized into modules, which are further grouped into streams. */ interface CourseLessons{ /** * The title of the lesson. * @example \"Understanding TypeScript Types\" * @description A brief title that summarizes the lesson content. */ title: string; /** * A detailed description of the lesson. * @example \"This lesson explains the different types in TypeScript and how to use them effectively.\" * @description Provides an overview of what the lesson will cover and its objectives. */ description: string; /** * The moudules included in this lesson. * @description A list of modules that are part of this lesson, each containing specific content */ modules: CourseModules[]; } /** * Represents a module within a lesson. * @description A module is a structured section of a lesson that contains specific content, such as */ interface CourseModules { /** * The title of the module. * @example \"Types in TypeScript\" * @description A brief title that summarizes the module content. */ title: string; /** * A detailed description of the module. * @example \"This module covers the different types available in TypeScript, including primitive types, arrays, and objects.\" * @description Provides an overview of what the module will cover and its objectives. */ description: string; }

Versions

It should be nested, and fell more like a document editor, not a form.