https://github.com/thedevarchive/image-watermark-editor

Web application for watermarking images.
https://github.com/thedevarchive/image-watermark-editor

chatgpt image-watermark image-watermarking react

Last synced: about 2 months ago
JSON representation

Web application for watermarking images.

• Host: GitHub
• URL: https://github.com/thedevarchive/image-watermark-editor
• Owner: thedevarchive
• Created: 2025-03-01T08:49:45.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-03-19T05:28:17.000Z (2 months ago)
• Last Synced: 2025-03-19T06:27:26.222Z (2 months ago)
• Topics: chatgpt, image-watermark, image-watermarking, react
• Language: JavaScript
• Homepage: https://tda-image-watermarker.netlify.app/
• Size: 246 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# About this Project

This is a web application that allows users to watermark images and download them. 

Project was developed with the assistance of 

![ChatGPT](https://img.shields.io/badge/chatGPT-74aa9c?style=for-the-badge&logo=openai&logoColor=white)

and is partially developed in 

![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)

Made with 

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

# How to Run

In the Command Line or Terminal, enter this project's directory and type 

### `npm install`

to install its dependencies, then type

### `npm start`

to run the project. 

You may also view the demo [here](https://tda-image-watermarker.netlify.app/). [![Netlify Status](https://api.netlify.com/api/v1/badges/9ef299bd-d294-4433-8b5b-81a3943b1027/deploy-status)](https://app.netlify.com/sites/tda-image-watermarker/deploys)

# How to Use

Upload an image in the drag and drop area. Then, add the watermark text and make as many modifications to the text as desired. Then, click on Add Watermark to preview the watermarked image, which will be shown below the page. When satisfied, click on Download to save the image. Otherwise, the watermark can be modified by adjusting the settings and clicking on Add Watermark to update the image. 

# Features

* Drag & drop area for uploading images

* Custom input for watermark text

* Four fonts to choose for the watermark text

* Font size and transparency sliders

* Watermark positioning

* White or black watermark text colour

* Ability to download watermarked image

# How to Report Issues

Email me at [email protected] if you find any bugs in the program or have any issues running it.