Watermark Adder Web App

This is a simple web application that allows users to add a watermark text to an image. Users can upload an image, specify the watermark text, and download the watermarked image.

Features

• Upload an image from your device
• Add custom watermark text
• Watermark is repeated across the entire image at a 45-degree angle
• Watermark text is bold for better visibility
• Download the watermarked image

Technologies Used

• HTML
• CSS
• JavaScript (Canvas API)
• Vite (for development and build process)

How to Run the Project

1. Clone this repository or download the files.
2. Open a terminal and navigate to the project folder.
3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open the provided localhost URL in your web browser.
6. To build the project for production:

   npm run build

7. To preview the production build:

   npm run preview

File Structure

watermark-web-app/
│-- index.html       # Main HTML file
│-- styles.css       # Styling for the app
│-- app.js           # JavaScript functionality
│-- package.json     # Project dependencies and scripts
│-- README.md        # Project documentation

Future Enhancements

• Allow customization of watermark opacity
• Enable users to change font size and color
• Add support for uploading images via drag-and-drop

Links

• Live App: Watermark Web App
• Repository: GitHub - Watermark Web

License

This project is open-source and free to use.