React Whiteboard Compass & 3D Enhancements

I already have a React-based online whiteboard and I want to push it a little further. First, I need a working geometry compass so users can pick a centre point, drag to set a radius, and draw a perfect circle that stays editable just like the existing pencil strokes. While you are inside the code, please keep the board in fullscreen; importing an image, PDF or any other file currently drops the app out of fullscreen mode and that can’t happen anymore. A related quirk is that some internal links refuse to open in our built-in browser—those pages should open exactly as they do in a normal tab, without blank screens or silent failures. Finally, I’d like to enrich the canvas with 3D visuals. I’m after common mensuration figures—think a 3-D dice style block, prisms, and similar objects—rendered in a way that still feels native to a 2-D board. If you prefer [login to view URL], React Three Fiber or another WebGL helper, that’s fine as long as the shapes look crisp, can be rotated, and sit well alongside existing 2-D drawings. Cubes, spheres or pyramids would be a welcome bonus but are not strictly required. Deliverables • Interactive compass tool, integrated with the current React whiteboard controls • Fix that preserves fullscreen state after any file import • Resolution of the in-app browser loading issue • 3-D mensuration objects (dice-style blocks, etc.) rendered on the board with basic rotation Acceptance criteria are simple: all four items above must work consistently on Chrome and Edge, build without warnings, and pass a brief code review focused on readability and maintainability. If you’ve done similar canvas or [login to view URL] work before, that will help us move fast. Let me know which libraries you plan to use and an estimated timeline—then we can get started right away.

Project ID: 40158353