Project Builder Integration

[walterbender]

Ticket Contents

Description

The objective is to complete the Project Builder Framework for Music Blocks (v4). The Project Builder is the graphical blocks manager module which can be used to create Music Blocks programs. We started working on in last year, and the goal is to complete and integrate it with the application.

General objectives are:

• Create a design document for the WIP
• Complete the incomplete pieces
• Integrate it in musicblocks-v4
• Create a wrapper component Project Builder (builder) in musicblocks-v4
• Add utilities to the wrapper component so that the Project Builder component can communicate with the Specification and Syntax Tree APIs of the Programming Framework
• Create a Palette (palette) component

Goals & Mid-Point Milestone

Goals

• [Create a design document for the WIP]
• [Complete the incomplete pieces]
• [Integrate it in musicblocks-v4]
• [Create a wrapper component Project Builder]
• [Add utilities to the wrapper component ]
• [Create a Palette (palette) component]
• [Goals Achieved By Mid-point Milestone]
• [Create a design document for the WIP]
• [Complete the incomplete pieces]
• [Integrate it in musicblocks-v4]

Setup/Installation

Expected Outcome

A working project builder integrated into Music Blocks v4

Acceptance Criteria

Implementation Details

Mockups/Wireframes

Product Name

Music Blocks v4

Organisation Name

Sugar Labs

Domain

⁠Education

Tech Skills Needed

• Strong experience with TypeScript 4
• Strong experience with JavaScript DOM API, Canvas API
• Strong experience with React Functional Components and Hooks (React 18)
• Understanding of the prototype Project Builder Framework

Mentor(s)

@meganindya @walterbender

Category

Backend, Documentation, Frontend