- TypeScript 92%
- JavaScript 5%
- CSS 2.4%
- Dockerfile 0.6%
| public | ||
| .gitignore | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| server.js | ||
Collaborative Pixel Art
Collaborative Pixel Art is a web application that allows multiple users to collaboratively create pixel art on a shared canvas in real-time.
Setup Instructions
To set up the project, follow these steps:
-
Clone the repository:
git clone https://github.com/elektricm/collaborative-pixel-art.git -
Install Dependencies:
Make sure you have Node.js and npm (Node Package Manager) installed on your system. Then, install the project dependencies by running in the project folder:
npm install -
Start the server:
npm start or ```bash node server.js -
Open the application in your browser:
Open the following URL in your browser: http://localhost:3000
Features
Usage Each user can select a color from the color selector on the right side of the canvas. To place a pixel on the canvas, simply click on the desired grid cell using the selected color. All connected users will see the changes in real-time as pixels are placed or updated on the canvas.