From ddf56f609ea6461adad5af496b803d332fa9c4f9 Mon Sep 17 00:00:00 2001 From: Martin Date: Fri, 21 Jul 2023 19:06:39 +0200 Subject: [PATCH] Added the readme --- README.md | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..9d146c2 --- /dev/null +++ b/README.md @@ -0,0 +1,33 @@ +# 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: + +1. **Clone the repository:** + + ```bash + git clone https://github.com/elektricm/collaborative-pixel-art.git ``` + +2. **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 ``` + +3. **Start the server:** + + ```npm start + +4. **Open the application in your browser:** + + Open the following URL in your browser: [http://localhost:3000](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. \ No newline at end of file