I'll create a collaborative whiteboard application that allows you to share a link with friends for real-time collaboration. They'll be able to see what you're writing or drawing from their mobile devices instantly.

I've created a collaborative whiteboard application similar to the one in your screenshot. Here's what it includes:

Key Features:

• Real-time collaboration: Share a link with friends and they can see what you're drawing/writing in real-time
• Mobile-friendly interface: Works on both desktop and mobile devices
• Drawing tools: Pen, eraser, text, and shape tools
• Color selection: Choose from various colors for your drawings
• Easy sharing: Copy the board link with one click to share with others

How to Use:

1. Click "Create Board" on the homepage
2. Give your board a name and create it
3. Use the toolbar on the left to select different drawing tools
4. Share the board link with friends by clicking the share button
5. Anyone with the link can join and see your drawings in real-time

The application is built with Next.js and uses a canvas-based drawing system with WebSocket connections for real-time updates. In a production environment, you would need to set up a WebSocket server to handle the real-time communication between users.

You can deploy this to Vercel to get a live URL that you can share with your friends immediately.