A real-time multiplayer drawing application that enables users to collaborate on a shared pixel canvas. Paint together, create art, and watch as your collaborative masterpiece comes to life in real-time!
- Real-time Collaborative Art Creation: Built with React-Together for seamless multi-user drawing experiences
- Blockchain Integration: Mint your collaborative artwork as NFTs on the Monad blockchain
- Pixel Perfect: Grid-based drawing system for precise pixel art creation
- Artists Chat: Chat while making an art
- Live User Tracking: See who's currently connected and collaborating
- Erase Mode: Remove pixels with the dedicated erase tool
- Clear Canvas: Reset the entire canvas for fresh starts
- Session Management: Easy join/leave functionality
- Wallet Integration: Connect your wallet to mint and own your collaborative creations
- Node.js (v14 or higher)
- npm or yarn package manager
- Clone the repository
git clone https://github.com/yourusername/Color-Canvas.git
cd Color-Canvas- Install dependencies
npm install
# or
yarn install- Start the development server
npm run dev
# or
yarn dev- Open your browser and navigate to
http://localhost:3000
- Connect: Click "Connect Wallet" to join the session
- Select Color: Choose your unique color from the color picker
- Start Drawing: Click any square on the grid to paint with your color
- Erase: Toggle erase mode to remove pixels
- Collaborate: Watch as other users draw in real-time using React-Together
- Clear All: Use the clear button to reset the entire canvas
- Mint Your Art: Once satisfied with your collaborative creation, mint it as an NFT on Monad blockchain
Start creating collaborative pixel art today! 🎨✨