Draw-it-out is an online whiteboard tool built using ReactJS and TailwindCSS. It allows users to draw, sketch, and take snapshots of their creations. The intuitive interface and responsive design make it easy to use across various devices.
- Node.js (https://nodejs.org/) installed on your machine.
- Clone the repository:
git clone https://github.com/singodiyashubham87/Draw-it-out.git
cd Draw-it-out
- Install dependencies:
npm install
- Start the app:
npm run dev
- Drawing Tools: Users can select between different drawing tools like pencil and brush thickness.
- Color Picker: Choose from a wide range of colors using the color picker tool.
- Brush Thickness: Adjust the thickness of the brush stroke using a range slider.
- Snapshot: Capture and download snapshots of the whiteboard canvas.
- Clear Canvas: Clear the canvas with a single click.
- Responsive Design: The application is responsive and works seamlessly across different screen sizes.
- ReactJS
- TailwindCSS
https://draw-it-out.vercel.app/
-
Release 1.0 : March 15, 2024 @16:32 [First phase of application completed.]
- Features: Added snapshot functionality and fixed minor bugs.
-
Release 0.0 : March 14, 2024 @22:31 [Zeroth phase of application completed.]
- Features: Drawing functionality with custom thickness of the brush and custom color.
You can find the contributing guideline here -> CONTRIBUTING GUIDELINES
- Shubham Singodiya - Lead developer and creator of the whiteboard web application.
Thank you for visiting Draw-it-out!💝
Feel free to explore the code, contribute, and provide feedback.