DoodleBoard

DoodleBoard is an intuitive and easy-to-use web application designed for collaborative brainstorming, sketching, and idea-sharing. Whether you're working solo or collaborating with a team, DoodleBoard provides a simple platform to visualize and share ideas in real time.

Key Features:

• Real-time Collaboration: Create a shared room and invite others to collaborate in real time. As you draw or make changes, others see the updates immediately, thanks to WebSockets.

• Drawing Tools: Use basic shapes like rectangles, circles, lines, and text to illustrate ideas. All shapes can be drawn freely on the canvas.

• Custom Rooms: Create unique rooms and share the room slug for others to join. Each room has a dedicated space for brainstorming.

• Authentication: Secure login and signup features with protected routes ensure that only authorized users can access certain rooms or features.

• Minimalist UI: The design, built using shadcn, offers a clean and attractive interface for a seamless user experience.

Technology Stack:

• Frontend: Built with Next.js for fast rendering and a responsive user interface.

• Backend: Developed with Node.js and Express for handling server requests, user authentication, and room management.

• Real-time Features: Powered by WebSockets to enable live sharing of shapes and updates between users.

• UI Design: Crafted with shadcn for a minimalist and modern aesthetic, making the user experience smooth and enjoyable.

• Canvas: The app uses a raw HTML canvas to render shapes and text, giving users full control over their drawings and sketches.

How It Works:

1. Sign Up/Log In: Users can authenticate via a secure login/signup system. After logging in, they can access protected rooms.

2. Create a Room: Users can create a new room with a unique slug (link), which they can share with others to join.

3. Collaborate: Users can draw and share ideas using shapes and text on the canvas. All changes are visible in real-time.

4. Join a Room: Simply share the room slug with others, and they can instantly join your collaborative space.