Interactive Learning Content
Frappe Learning supports interactive content that helps learners apply their knowledge while progressing through a course. You can enrich lessons with quizzes, assignments, programming exercises, and live coding environments without leaving the learning experience.
Supported Interactive Content
- Quizzes – Assess learner understanding with objective questions.
- Assignments – Collect file submissions, documents, or project work for evaluation.
- Programming Exercises – Let learners solve coding problems directly within the course.
- CodeSandbox – Embed live coding environments for hands-on programming practice.
Quizzes
Quizzes help reinforce learning by checking a student’s understanding before they continue to the next topic. Any quiz created in Frappe Learning can be embedded into a lesson.
How to Add a Quiz
- Hover over the lesson content.
- Click the + icon to open the content menu.
- Select the Quiz block.
- Search for an existing quiz.
- Select the quiz to embed it into the lesson.
Assignments
Assignments allow learners to submit essays, reports, projects, documents, images, PDFs, or other required files for instructor evaluation.
How to Add an Assignment
- Hover over the lesson content.
- Click the + icon.
- Select the Assignment block.
- Choose an assignment that has already been created.
Programming Exercises
Programming Exercises provide an interactive coding environment where learners can solve programming challenges directly within the lesson.
How to Add a Programming Exercise
- Hover over the lesson content.
- Click the + icon.
- Select the Programming Exercise block.
- Search for an existing programming exercise.
- Select the exercise to include it in the lesson.
CodeSandbox
CodeSandbox integration allows you to embed fully interactive development environments into your lessons. Learners can view, edit, and experiment with code without leaving the course.
How to Embed a CodeSandbox
- Open your project on CodeSandbox.io.
- Copy the sandbox URL from your browser.
- Paste the URL into the Lesson Editor.
- Frappe Learning automatically embeds the live coding environment.
- Learners can also click Open Sandbox to continue working directly on CodeSandbox.
Interactive content can be combined within the same lesson. For example, you can explain a concept using text, embed a CodeSandbox for hands-on practice, and finish the lesson with a quiz to assess understanding.
Important Notes
- Quizzes, Assignments, and Programming Exercises must be created before they can be added to a lesson.
- Only existing assessments can be selected from the Lesson Editor.
- CodeSandbox requires only the sandbox URL. No iframe or embed code is needed.
- Interactive content remains editable even after it has been added to a lesson.
Interactive content transforms lessons from static reading material into engaging learning experiences. By combining quizzes, assignments, programming exercises, and live coding environments, instructors can encourage active participation and better knowledge retention.
