Drawzy is a real-time collaborative drawing and video calling platform. It allows users to create and share drawings with others while engaging in live video calls. The application supports interactive drawing sessions and video communication, making it ideal for collaborative work and creative projects.
Collaborative.Drawing.Application.Demo.1.1.mp4
- Real-Time Drawing: Draw and update drawings in real-time with collaborators.
- Video Calling: Engage in video calls while drawing.
- Interactive Canvas: Dynamic drawing canvas with support for multiple users.
- User Management: Manage users and their drawing sessions.
- Responsive Design: Works seamlessly on various devices and screen sizes.
- Frontend:
- React: For building the user interface.
- Next.js: For server-side rendering and routing.
- Tailwind CSS: For styling and responsive design.
- ShadCN: For UI components and design elements.
- Backend:
- Express: For building the REST API and handling server-side logic.
- WebSocket: For real-time communication between clients.
- RTCPeerConnection: For establishing video call connections.
- WebRTC: For real-time video and audio streaming.
-
Clone the Repository:
git clone https://github.com/yourusername/drawzy.git
-
Navigate to the Project Directory:
cd drawzy -
Install Dependencies:
npm install
-
Run the Application:
npm run dev
The application will be available at http://localhost:3000.
- Open the application in your browser.
- Create or join a drawing session.
- Use the drawing tools to collaborate with others in real-time.
- Start a video call to discuss and interact with collaborators.
We welcome contributions to Drawzy! If you'd like to contribute, please follow these steps:
- Fork the Repository.
- Create a New Branch:
git checkout -b feature/your-feature
- Make Your Changes and Commit:
git commit -m "Add your message here" - Push to Your Fork:
git push origin feature/your-feature
- Open a Pull Request on GitHub.