Simple Web Page to create or draw watermark on photos

(attached image is part of requirements)

design is based on this Project on github: [login to view URL]

This shall be easy for an experienced web developer with experience in PHP and JS.

I've put very detailed requirements below. Don't be scared. :)

Only developers with good reviews and completion rate will be considered.

A. Main Objectives

A.1 a web page for user to watermark their images

A.2 or create a transparent image of watermark

B. Detailed requirements (with attached image of screen mock)

B.1 Define watermark

There are 2 ways user can define the watermark

B.1.1 User upload a watermark image

B.1.2 User define labels to be used as watermark

B.1.2.1 label

This is text to be displayed as watermark

B. label line 1, with a drop down list of Left/Center/Right

B. label line 2, with a drop down list of Left/Center/Right

optional 2nd line of watermark. only shown/enabled when label line 1 has value

B. Upon user input to label line, text displayed on image

B.1.2.2 drop down list of Font Names

B. list of fonts shall be stored in a given directory in ttf format.

see fonts here: [login to view URL]

B. format of font file name

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

B. display font name use file name without extension, like 'SinkinSans-100Thin'

B. select font name shall change the watermark text display on loaded image

B.1.2.3 drop down list of Font Size (pre-defined font size)

B.2 Position of watermark

B.2.1 User can drag watermark on the image area

B.3 Upload Photos Button

B.3.1 user can upload up to 30 images to have watermark

B.3.2 when clicked, upload from local shall be shown, allow multiple selection of valide format (.jpg,.png,..)

B.3.2 upon closing of upload photo screen, thumbnail of each uploaded image show be displayed to next empty pic-N

B.3.2.1 if no image is displayed, pic-1 shall be displayed to image area

B.4 "pic-N" thumnail

B.4.1 when clicked, the image is displayed on image area, with watermark applied (current setting)

B.4.2 when "X" on thumbnail is clicked, remove that image , rest of "pic-N" shift up

B.5. Download Watermark

B.5.1 Enabled when watermark is not uploaded, and 8.1 is done

B.5.2 upon clicked, create a transparent image with current watermark displyed

B.6 Download Photos

B.6.1 Enabled when 8.1 and 8.3 are done, and there is at least 1 image in pic-1 with watermark displayed

8.6.2 Upon click, create zip of watermarked images for download

B.7 Transparency

scroll bar to change transparency of watermark

B.8 Position, X, Y

see Github "Generator-of-watermarks"

C Tech

C.0 all tools, modules used must be free open source for commercial use or in house developed

C.1 language: PHP, JS

C.2 code shall follow good practice and coding style with sufficient comments


Навички: Javascript, HTML, PHP

Деталі: simple web page file uploader, build simple web page header, html code simple web page layout, simple web page calendar, attractive simple web page format, simple web page header menu, editable table simple web page, cms simple web page maker, simple web page top menu bar, windows server 2003 web page create iis, flash simple web page intro joomla, design simple web page html, html code simple web page, simple web page, simple web page developed html, simple web page include drupal, codeigniter create simple web page, create a simple web page, create a simple web page in python

Про роботодавця:
( 2 відгуки(-ів) ) Edison, United States

ID Проекту: #24288219

13 фрілансерів(-и) у середньому готові виконати цю роботу за $171


Hello there I've check the sample source [login to view URL] So you want to add section to place label and support multiple image upload as grid below the main image right I can provide the sample of me previous pr Більше

$180 USD за 3 дні(-в)
(384 відгуків(и))

Hello, I am an experienced web developer,capable of making your watermark web site. I can start right away and deliver in a timely manner.

$138 USD за 5 дні(-в)
(12 відгуків(и))

how are you? i want to work this project with you. my skill is php html... i checked png file. i can do it.

$190 USD за 7 дні(-в)
(3 відгуків(и))

Hi there, I will design and develop your watermark website using the libraries necessary. I have experience in PHP, Java, Python and more. Open chat and lets get started. Best, Ronny K

$144 USD за 10 дні(-в)
(1 відгук)

Dear client I'm new freelancer, but I have good experience of watermark generation programming on web. I read your requirements carefully and I think I can finish your project very well. I will do my best to make clien Більше

$110 USD за 3 дні(-в)
(1 відгук)

Hello, thanks for your post. I have read your post carefully and got what you want. You can read my post here. [login to view URL] I think it will be a really good chance for me to work with you. Більше

$170 USD за 7 дні(-в)
(1 відгук)

Hi, I am a Senior web expert with have rich experience of 8 years over in the backend & frontend. Core skills - Php, Laravel, Node.js, Angular.js, Vue.js, [login to view URL], MongoDB, Python, Wordpress, Amazon Web Services. Більше

$200 USD за 7 дні(-в)
(2 відгуків(и))

Hi, I am willing to work with you on this project. I am quite new here but you can see me and my Company proven track record at these links. [login to view URL] [login to view URL] After reading your job des Більше

$250 USD за 15 дні(-в)
(1 відгук)

----- [ To Clients ] ----- 8 Years of my Working STYLE - My Goal is to give you, client over 100% satisfaction and to implement your ideas real so that make your business thrive and grow. - I understand cli Більше

$200 USD за 7 дні(-в)
(2 відгуків(и))

-------------------------------------------------------------- Dear Client, I hope you are doing well! I read out all the description and i clearly understood your project requirements. I have good knowledge in JS. Більше

$140 USD за 7 дні(-в)
(1 відгук)

Hello Dear. Thank you for posting wonderful project. I checked your project and feel kind of you. This is wonderfully detailed project I have ever seen. I hope to work with a client like you. I am full stack developer Більше

$140 USD за 7 дні(-в)
(0 відгуків(и))

I have extensive hands on experience of more than 3 years for website development using HTML, CSS, Java scripting, PHP, MySQL etc. My candidature will be bolster with applied skills in past projects.

$155 USD за 7 дні(-в)
(0 відгуків(и))

My prupose is build your website in php, js and css, in css I can opacity the image into transparent to convert in watermark. I fix your problem as soon as possible, I am a full stack developer, I have development web Більше

$200 USD за 6 дні(-в)
(0 відгуків(и))