Skip to content

An intuitive paint app built with React, TypeScript, and Tailwind CSS, offering a canvas for limitless creativity.

Notifications You must be signed in to change notification settings

imarjunshrma/PaintApp

Repository files navigation

React Paint App

A simple paint application built with React, TypeScript, Tailwind CSS, and HTML5 Canvas.

Demo

You can try out the app live here.

Features

  • Draw and paint on a canvas.
  • Choose from a variety of colors.
  • Adjust the brush size.
  • Clear the canvas.
  • Save your artwork.

Installation

  1. Clone the repository:

    git clone https://github.com/imarjunshrma/PaintApp.git
  2. Change into the project directory:

    cd react-paint-app
  3. Install the required dependencies:

    npm install
  4. Start the development server:

    npm run dev

Usage

  1. Choose a drawing tool and color from the toolbar.
  2. Use your mouse or touch input (on mobile) to draw on the canvas.
  3. Experiment with different tools and colors to create your artwork.
  4. To save your artwork, click the "Save as Image" button.
  5. To clear all canvas , clik the "clear canvas" button.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these guidelines:

  1. Fork the repository on GitHub.
  2. Clone your forked repository to your local machine.
  3. Create a new branch for your feature or bug fix.
  4. Make your changes and commit them with descriptive commit messages.
  5. Push your changes to your forked repository.
  6. Submit a pull request to the main repository.

License

This project is licensed under the MIT License. You can copy and paste this raw markdown into your README file.

🚀 About Me

I'm a full stack developer...