No description

TypeScript 92%
JavaScript 5%
CSS 2.4%
Dockerfile 0.6%

Find a file

ElektricM ec553dd513 updated script.js to fix totalPixelsPlaced is not defined error		2023-07-21 21:24:44 +02:00
public	updated script.js to fix totalPixelsPlaced is not defined error	2023-07-21 21:24:44 +02:00
.gitignore	changed gitignore	2023-07-21 17:55:22 +02:00
package-lock.json	first commit the code is uploaded	2023-07-21 17:46:01 +02:00
package.json	first commit the code is uploaded	2023-07-21 17:46:01 +02:00
README.md	updated readme	2023-07-21 19:22:41 +02:00
server.js	first commit the code is uploaded	2023-07-21 17:46:01 +02:00

README.md

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
```
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.