[Add a Play]: irtual Whiteboard play with real-time collaboration, drawing tools, layer management, export functionality, and undo/redo history #1656
Description
Contributor Guidelines
- I have read the guidelines and discussion
What's the Play about?
this might be hard level play
What ReactJS concept will be used to create this play?
Functional Components – modular UI (canvas, toolbar, layers)
useState – tool selection, color, brush size
useReducer – undo/redo and drawing history
Context API – global whiteboard state (tools, users)
useRef – access HTML Canvas for drawing & export
useEffect – sync canvas, events, real-time updates
WebSockets (Socket.IO) – real-time collaboration
Custom Hooks – canvas logic, socket sync, undo/redo
useCallback / useMemo – performance optimization
Immutable State – layer management
Conditional Rendering – layer visibility & controls
Browser APIs – export (PNG/PDF)
Record
- I have checked the existing issues
- I have read the Contributing Guidelines
- I want to work on this issue
- I am a Hacktoberfest contributor
Code of Conduct
- I agree to follow this project's Code of Conduct