Welcome to the Overlay App! This application allows you to overlay a logo on an image and apply various customization options, such as logo placement, transparency, and image effects like sepia and grayscale.

You can try out the Overlay App here.

• React
• JavaScript
• File Upload
• CSS · Bootstrap

1. Clone this repository to your local machine using git clone.
2. Navigate to the project directory: cd overlay-app.
3. Install the dependencies using npm: npm install.

1. Start the application in your local development environment: npm start.
2. Open your web browser and go to http://localhost:3000 to access the Overlay App.

• Upload a logo in PNG or SVG format.
• Upload an image in JPEG format.
• Customize the position of the logo on the image.
• Adjust the transparency of the logo.
• Apply image effects like sepia and grayscale.
• Download the final overlaid image.

To configure the application, you can edit the following options in the Canvas.jsx file:

If you have any questions, feedback, or suggestions, please feel free to contact us at [email protected] or create an issue on our GitHub repository. We hope you enjoy using the Overlay App to create stunning images!