The goal of this project is to develop a visual content graph editor that empowers FreeFuse users to easily build, manage, and edit non-linear video narratives. This tool will allow creators to define user decision points, branch logic, and media flows through an intuitive drag-and-drop interface. It will also support future integration with FreeFuse’s backend systems, AI assistants, and analytics modules.

The project is intended to produce a functional prototype that visualizes how content nodes connect across a multi-path journey and exports logic in a format usable by the FreeFuse platform (e.g., JSON).

Project Goals:

Design and Build a Visual Editor Interface

• Create a user-friendly front end (React or Angular) for designing interactive decision trees.
• Include capabilities to add, label, link, and delete nodes.
• Support visual indicators for entry points, loops, and end nodes.

Implement Interactive Logic Mapping

• Enable each node to include metadata such as:
• Content file/link
• Choice labels
• Branch conditions
• Show directionality and interactivity between choices (e.g., arrows, highlights).

Support Logic Export

• Allow creators to export the graph structure into JSON or similar structured data.
• Ensure it maps cleanly to FreeFuse’s existing or planned content delivery system.

Enable Node Preview and Edit Options

• Allow users to preview content or input descriptive data for each node.
• Build edit/delete functionality with confirmation prompts.

Optional Stretch Goal: Real-Time Collaboration Simulation

• Add simulation of co-creator tagging or shared editing features (concept only if time-constrained).

Deliverables:

• Full-stack web app prototype (React or Angular + Node.js or Python backend)
• Interactive canvas UI for dragging/dropping nodes and linking them
• JSON export functionality of decision logic for integration
• Auto-save and node-preview functionality
• Basic authentication and user access management

Expected Outcomes:

• A functional prototype of the content graph builder with exportable logic
• Clean, modular front-end and back-end codebase with documentation
• Sample output dataset that could be integrated into FreeFuse’s platform
• Presentation showing tool functionality, design rationale, and integration potential

Helps creators build complex journeys visually, laying the foundation for real-time editing and future AI integration.