DigiDraw is a web-based drawing application that allows users to collaborate on a canvas in real-time. Built with ReactJS, TailwindCSS, NodeJS, and Socket.io, DigiDraw offers a user-friendly interface for creating and sharing visual ideas.
Real-time Collaboration: Multiple users can draw on the same canvas simultaneously, fostering seamless collaboration.
Brush Selection: Choose from a variety of brushes with different colors to express your creativity.
Eraser: Make mistakes? No problem! Use the eraser tool to clean up your drawing.
Undo/Redo Functionality: Accidentally erased something important? No worries! Utilize the undo/redo functionality to bring back your work.
Download Canvas: Save your collaborative masterpiece as an image file for future reference.
- Frontend: ReactJS, TailwindCSS
- Backend: NodeJS
- Real-time Collaboration: Socket.io
This project requires Node.js and npm (or yarn) to be installed on your system.
-
Clone the repository: git clone https://github.com/AnupK1234/DigiDraw.git
-
Navigate to the project directory: cd DigiDraw
-
Install dependencies (for both client & server directory): npm install
-
Run the development server:
Client:
npm run devServer:
npm start