Skip to content

Omkar-Jawalkar/ReactPaintboard

Repository files navigation

React Paintboard 🎨🖌️🖼️

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. 🎊

Usage

Screen.Recording.2024-06-09.at.12.38.28.PM.mp4

Features ✨

  • 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.

Getting Started 🚀

To run the React Paintboard locally, follow these steps:

  1. Clone the repository: 📥
git clone https://github.com/your-username/react-paintboard.git
  1. 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
  1. Install the dependencies: 📦
npm install
  1. Start the development server: ⚡
npm start

The application should now be running on https://localhost:3000. 🌐

Technologies Used 🛠️

  • React ⚛️
  • Framer Motion 📈
  • react-confetti 🎉
  • And more... 🔧

Contributing 🤝

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.

License 📄

This project is licensed under the MIT License.

Acknowledgements 🙏

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! 📩

About

A Paintboard to paint and draw using react

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages