Live Pixel Canvas is a collaborative web-based drawing tool where users can paint on a shared canvas in real-time. It's built using pure HTML, CSS, and JavaScript with functionality similar to React, while the backend is built on Node.js and Express with WebSocket.
- Real-time drawing: Draw on the canvas in real-time with other users.
- Responsive design: The canvas adapts to different screen sizes, making it accessible on desktop and mobile devices.
- Color picker: Select from a wide range of colors to paint with.
- Multiple users: Collaborate with multiple users to create a masterpiece together.
To run this project locally, follow the steps below:
- Clone the repository:
git clone https://github.com/Shreypatel13ll/CCanvas.git - Navigate to the project directory:
cd CCanvas/WS-server - Install dependencies:
npm install - Navigate to:
cd Front-Server - Install dependencies:
npm install - Start the server(in WS-server Directory):
npm start - Open the app in your browser:
http://localhost:3000
- HTML
- CSS
- JavaScript
- Node.js
- Express
- WebSocket!
Contributions to this project are welcome! Feel free to submit a pull request or open an issue if you encounter any problems.