Frappe Framework

A visual, drag-and-drop course authoring and playing platform built natively on the Frappe Framework using Vue.js and Vue Flow.

Install Frappe Framework

bench get-app https://github.com/Intelligent-Agents-Research-Group/frappe-framework

Add the Frappe Gems badge to your README

Maintain Frappe Framework? Paste this into your README:

[![Listed on Frappe Gems](https://frappegems.com/api/method/frappe_gems.seo.badge?app=Intelligent-Agents-Research-Group%2Ffrappe-framework)](https://frappegems.com/gems/apps/Intelligent-Agents-Research-Group/frappe-framework)

About Frappe Framework

Frappe Course Framework

A visual, drag-and-drop course authoring and playing platform built natively on the Frappe Framework using Vue.js and Vue Flow.

Features

  • Visual Course Builder: Drag-and-drop activities (Videos, PDFs, Quizzes, Presentations, Virtual Agents) onto a canvas and connect them to create a learning path.
  • Dynamic Course Player: A step-by-step player interface for students to navigate through the course content.
  • Rich Embeds: Automatically handles embedding YouTube/Vimeo videos, PDFs, and external Virtual Agents.
  • Robust State Management: Tracks student progress, resilient to page reloads, and recovers from "zombie" states (deleted nodes).
  • Native Frappe Integration: Utilizes standard Frappe DocTypes (Course, Course Enrollment), file uploads, routing, and access control.

How to Run and Access the Course Creator

  1. Clone the directory to your local machine.
  2. Open your terminal and navigate to the frappe-bench directory: 
    cd frappe
cd frappe-bench
  3. Start the bench server: 
    bench start
  4. Once the server is running, access the course creator by visiting this link: http://127.0.0.1:8001/desk/course/Test%20Course

Tech Stack

  • Backend: Python, MariaDB, Frappe Framework
  • Frontend Admin: Vue 3 (Composition API), Vue Flow
  • Scaffolding: esbuild (Frappe standard)

Related Other apps for Frappe & ERPNext

  • Erpnext — Free and Open Source Enterprise Resource Planning (ERP)
  • Helpdesk — Modern, Streamlined, Free and Open Source Customer Service Software
  • Print Designer — Visual print designer for Frappe / ERPNext
  • Ctr — CTR模型代码和学习笔记总结
  • Whitelabel — Whitelabel ERPNext
  • Fossunited — fossunited.org
  • Helm — Helm Chart Repository for Frappe/ERPNext
  • Frappe Attachments S3 — A frappe app to upload file attachments in doctypes to s3.