Software Engineer

Task 1: Frontend (4-6 hours)

Develop a web-based collaborative whiteboard application using a modern JavaScript framework (React or Next) and a real-time communication library (e.g., Socket.IO, WebSockets). The application should allow multiple users to:

1. Create or join a shared whiteboard session using room ID.
2. Sketch on the whiteboard in real time.
3. Collaborate with other users by seeing their changes in real time.
4. Save and load whiteboard sessions for later use.

The application should have a user-friendly and responsive interface, incorporating features like color pickers.

Task 2: Backend (4-6 hours)

Build a backend server using Node.js to handle the following:

1. Real-time communication and synchronization of whiteboard updates across users.
2. Whiteboard session management using room ID.
3. Persistent storage of whiteboard sessions and user data.
4. Implement necessary APIs to support the frontend whiteboard functionality.


Task 3: Database (2 hours)

Set up a SQL-based database to store user data, whiteboard sessions, and other relevant information. Design an appropriate data schema to efficiently store and retrieve data for the collaborative whiteboard application.

Bonus Tasks (Optional)

1. Unit Testing: Write unit tests for both the frontend and backend components using appropriate testing frameworks (e.g., Jest, Mocha, Jasmine).
2. Add more features to the whiteboard like shapes or colors.

What is the difference between let, const, and var, and how would you implement their differences? (Learn)

Implement the differences between map, filter, and reduce. (Learn)