Echoboard - Collaborative Whiteboard Application
A modern, collaborative whiteboard application built with the latest web technologies. It enables real-time drawing, annotation, and communication for teams and individuals. Designed for seamless collaboration, it supports live multi-user editing, voice chat, and a variety of drawing tools, making it ideal for brainstorming, teaching, and remote teamwork.
Project Demo
Key Features
- Multi-layer Canvas: Draw rectangles, ellipses, freehand paths, and text. Each layer is independently editable.
- Color Picker: (Upcoming) Easily select fill and stroke colors for every layer type.
- Real-time Collaboration: See other users' cursors and edits instantly using Liveblocks.
- Authentication: Secure sign-in and sign-up with NextAuth.js, supporting multiple providers.
- Room Management: Create, join, and manage collaborative rooms.
- Voice Chat: (Upcoming) Communicate with collaborators directly within the app.
- Component-based Architecture: Built with reusable React and shadcn UI components.
- Performance: Optimized for low-latency updates and smooth drawing experience.
- Type Safety: End-to-end type safety with TypeScript and Zod.
- Modern UI: Styled with Tailwind CSS for a clean, responsive interface.
Technology Stack
- Next.js: React framework for server-side rendering and routing
- React: Component-based UI
- TypeScript: Type safety across the stack
- Tailwind CSS: Utility-first CSS framework
- Prisma: Type-safe ORM for database access
- NextAuth.js: Authentication and session management
- Liveblocks: Real-time collaboration and presence
- shadcn UI: Accessible UI primitives
- Zod: Schema validation