A real-time collaborative doodling platform where creativity knows no bounds. CodeWall allows users to create virtual rooms and invite others for synchronized drawing sessions.
- Real-time Collaboration: Draw together with friends and colleagues in synchronized virtual rooms
- Room Management: Create private rooms and invite others with unique room codes
- Rich Drawing Tools: Powered by Fabric.js for a smooth drawing experience
- Responsive Design: Works seamlessly across different devices and screen sizes
- Modern UI: Clean and intuitive interface built with Tailwind CSS
- Frontend: React.js with Next.js for server-side rendering
- Styling: Tailwind CSS for modern, responsive design
- Canvas: Fabric.js for powerful drawing capabilities
- Language: TypeScript for type-safe code
- Real-time Communication: WebSocket for live collaboration
- Node.js (v14.0 or higher)
- npm or yarn
- Git
- Clone the repository:
git clone https://github.com/Janhvibabani/code-wall.git
cd code-wall- Install dependencies:
npm install
# or
yarn install- Start the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser
- Create a new room or join an existing one using a room code
- Start drawing using the available tools
- Share your room code with others to collaborate
- Draw together in real-time!
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Fabric.js for the powerful canvas manipulation library
- Next.js for the amazing React framework
- Tailwind CSS for the utility-first CSS framework