Drawing Editor

🤠 Features

• 🎨 Basic Editing Tools
• 🟩 Shape Tools
• 🔆 Selection Tools
• 🖥️ Layer System
• 💾 File Management
• ⚡ Optimized Performance
• + MORE

📖 Tech Stack

• Vite + SSR + React.js
• Zustand State Manager
• Vitest Testing Framework
• Docker

Setup

Prerequisites

• Install Node.js
• Install pnpm, as this project uses this package manager instead of the usual npm provided by Node.js.

To run the application locally, start by cloning the repo and navigating into the directory:

$ git clone https://github.com/MarkE16/LiveCanvas

... cloning ...

$ cd LiveCanvas # after clone is complete.

Next, install all the required packages (see prerequisites if you don't have pnpm installed).

$ pnpm install

Almost done! All that's left now is to run the project. To start up the project:

$ pnpm run dev

You're all set!