Skip to content

Latest commit

 

History

History
60 lines (51 loc) · 1.63 KB

README.md

File metadata and controls

60 lines (51 loc) · 1.63 KB

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

License

This project is open-source and free to use.