1 / 4
2 / 4
3 / 4
4 / 4



This project utilizes REACT and Tldraw library to enable users to create customizable submission templates for others, such as students, to submit their work within designated frames.

It’s designed to streamline the submission process in educational settings, making it easier for instructors to collect and organize student submissions. While maintaining user’s freedom of movement.

Tlextractor is utilized to extract data that the student submitted in this template. See Tlextractor GitHub Repository for more information.



Video



Features

Users are able to specify certain parameters

  1. Description

  2. Due Date

  3. Submission Per Student

  4. Number Of Students

  5. Names Of Each Student

With additional features

  1. Img Snapping to respective frame
  2. Color Changing depending on Submission Status

Frame Creation Conditions

  1. Student Names List > Student Amt
  2. Student Names List < Student Amt
  3. Student Names List === Student Amt


Example

#=> JSX Element - Tldraw Component
return (
		<div style=>
			<Tldraw 
				inferDarkMode
				shapeUtils={submissionUtil} 
				tools={tools} 
				
				overrides={toolsOverride}
				assetUrls={customAssetUrls}
				components={components}
				persistenceKey='board-content' 

				className="board" 
				onMount={handleMount} />
		</div>
	)


Check it out on Github/Tldraw for more information.