Javascript champion

  • Tila: Closed
  • Palkinto: $946
  • Vastaanotetut työt: 6

Kilpailun tehtävänanto

This contest has two sub-projects in it so that I can make the prize money worthwhile.


Project 1
Custom Signature Panel
The goal is to make a minature version of something like [login to view URL]

1st Part:-
Make a web-page that can:-
-Accept a PDF or DOC\DOCX file to upload.
-Convert it to PNG based on the browser resolution. Then show the PNG in the browser (supporting multi-pages)
-The admin can make a square outline where the signature should appear and where the date should appear and other squares for more variables.
-As an alternative to a square - the user can drag a small PNG to a place over the document- which represents where the signature goes.

2nd Part
Now another user can visit an associated page - scroll through the PNG document (which is sized according to viewport) and then add their signature.
Three options exist for adding the signature. Either by:-
-Uploading an image file
-A signature pad
-Typing it in a custom font.

For signature pad - use this [login to view URL]
For custom font - it must support any font that has been uploaded to the server. There will be 25 available fonts so it should use images when the user is selecting a font and then download the font in real-time.

Also - any other fields that were made in the 1st part can be set as an tooltip with input form element.

The user clicks a button and the PDF must re-render and produce a new PNG for display.

This might also help: [login to view URL]

Project 2 - Coach mark overlays
Adapt or find a JS library that enables instructional overlays as per the image below. One example is [login to view URL]
But please try to use [login to view URL] which is more mature code.
The key is to be able to make the curved arrows, circle icons, angled text, and custom font.

Suositellut taidot

Kilpailun parhaat työt

Näytä lisää töitä

Julkinen selvennystaulu

  • rku58e31a2cc290f
    rku58e31a2cc290f
    • 3 kuukautta sitten

    Repost

    • 3 kuukautta sitten
  • hsashankar
    hsashankar
    • 4 kuukautta sitten

    I did not notice the time ran out. Was working on it. Any chance of extension? Please... #extended

    • 4 kuukautta sitten
  • JulijanAndjelic
    JulijanAndjelic
    • 4 kuukautta sitten

    I'm about to finalize the first project today, and should be able to finalize the second project by the time the contest ends. I'm sure you'll like it ;) happy to share a testing link.

    • 4 kuukautta sitten
  • njose
    njose
    • 4 kuukautta sitten

    Indeed the prize money is worth while. I will participate :-)

    • 4 kuukautta sitten
  • rku58e31a2cc290f
    rku58e31a2cc290f
    • 5 kuukautta sitten

    Reply soon as only three days is left

    • 5 kuukautta sitten
  • rku58e31a2cc290f
    rku58e31a2cc290f
    • 5 kuukautta sitten

    And what do i have to submit the code of working website

    • 5 kuukautta sitten
  • rku58e31a2cc290f
    rku58e31a2cc290f
    • 5 kuukautta sitten

    Hi, i will use nodejs for backend, will it be ok.

    • 5 kuukautta sitten
  • alqanas37
    alqanas37
    • 6 kuukautta sitten

    as i understand for first part of the 1st project user will upload
    doc file and the back end will convert it to png files as in my experience javascript not have the ability to do some thing like this

    • 6 kuukautta sitten
    1. Zyoudyy
      Zyoudyy
      • 6 kuukautta sitten

      Nop , it can be done with JavaScript back end in multi ways

      • 6 kuukautta sitten
    2. rku58e31a2cc290f
      rku58e31a2cc290f
      • 6 kuukautta sitten

      “Any application that can be written in JavaScript, will eventually be written in JavaScript.” 

      • 6 kuukautta sitten
  • writermayank
    writermayank
    • 6 kuukautta sitten

    Is there any specific requirement that the back-end must be written in a certain language only? I wish to use node.JS for the same and I hope it's doable with you.

    • 6 kuukautta sitten
  • sunnyguptahotels
    Kilpailun järjestäjä
    • 6 kuukautta sitten

    Using either backend PHP\Python library is fine, and there is a Javascript library that I even included a link to :p

    • 6 kuukautta sitten
  • Codeitsmarts
    Codeitsmarts
    • 6 kuukautta sitten

    Please initiate chat for further discussion. I will do my best for you , with a Positive Hope! Regards

    • 6 kuukautta sitten

Näytä lisää kommentteja

Kuinka päästä alkuun kilpailuiden kanssa

  • Ilmoita kilpailusi

    Ilmoita kilpailusi Nopeaa ja helppoa

  • Saat valtavasti töitä

    Vastaanota tonnikaupalla osallistumisia Ympäri maailmaa

  • Myönnä palkinto parhaalle työlle

    Myönnä palkinto parhaalle työlle Lataa tiedostot - Helppoa!

Ilmoita kilpailu nyt tai liity tänään!