Welcome to the React Paintboard! 🎉 This is a fun and interactive web application that allows users to create their own digital paintings and play with magical balls. 🔮 Built with React, this project utilizes powerful libraries like Framer Motion for smooth animations and react-confetti for celebratory confetti effects. 🎊
Screen.Recording.2024-06-09.at.12.38.28.PM.mp4
- Freehand Drawing: 🖱️ Use your mouse or touchscreen to draw and create masterpieces on the canvas.
- Color Palette: 🎨 Choose from a wide range of colors to paint with.
- Eraser Tool: ✏️ Easily erase unwanted parts of your painting.
- Clear Canvas: 🔄 Start fresh with a new blank canvas.
- Magic Balls: ⚽🎾🥎 Unleash the magic by clicking the "Magic Balls" button and watch them bounce around the canvas.
- Confetti Celebration: 🎉 When you click the "Celebrate" button, confetti will rain down on your creation, adding a festive touch.
To run the React Paintboard locally, follow these steps:
- Clone the repository: 📥
git clone https://github.com/your-username/react-paintboard.git
- Navigate to the project directory: 📂
cd react-paintboard
If you have docker installed then run these commands
docker build -t paintboard .
docker run -p 3000:3000 paintboard
- Install the dependencies: 📦
npm install
- Start the development server: ⚡
npm start
The application should now be running on https://localhost:3000. 🌐
- React ⚛️
- Framer Motion 📈
- react-confetti 🎉
- And more... 🔧
Contributions are welcome! 🙌 If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.
Special thanks to the creators of the following libraries and resources:
Enjoy painting and playing with the React Paintboard! 🎨🎉✨
Feel free to reach out to us if you have any questions or suggestions! 📩