Developer needed for Image Map Software

  • Posted:
  • Proposals: 3
  • Remote
  • #1587815
  • Awarded
Umer A.
Maf C.Tahir R. have already sent a proposal.
  • 0

Description

Experience Level: Intermediate
General information for the business: Image map product
Kind of development: New program from scratch
Description of every module: Simple layout (no design necessary). We need:

• signup + login (collect email address + password).

• Setup new website button > then the user adds their URL and a Javascript code snippet is generated - here is an example:

• User adds this code to the tags on their website, and we then fetch all images on the pages where the user has added the Javascript code snippet.

• Users can then add Polygon image maps from our website, and link the Polygon image map to a URL, plus add an image (which appear in a popup when you hover over the image map).

Example in the video below.
Description of requirements/functionality: We don't need a design, just the functionality (we'll do the design later). The functionality needs to be:

1.) User signup + login

2.) User enters their website url and receives a javascript code snippet - they insert this into their code (I think that's the best way to do it) on each page they want to have the images mapped - responsively.

3.) When they log onto our platform, they can verify the code snippet and show all images on the page that they add the code snippet (if it's a blog template, then it'll be all blog images for that template type). They can then click an image and add the image map (polygon style). Once the shape has been drawn, they add a link (e.g. to an Amazon product).

4.) The image is then mapped on their original website, so their visitors will see the image map when they hover over the image (we can give it a default red colour), in addition to a popup box with the external website link.

See a demo of how the product should work here: https://drive.google.com/file/d/0B30h96umcdd_dkNOOW1lSy1ybWM/view
CMS and Admin requirements: None at this stage. Just a simple page which shows users that have signed up
Extra notes: Hello,

We're building a prototype of some image mapping software.

See examples here:

• Perfect use of image mapping - drawing on a layer and then having the layer appear on hover - https://webcraftplugins.com/image-map-pro-jquery-plugin - check out the editor and how the user draws the polygons.

• Example 2 - http://ymic3dworld.com/lightwindow2/jQueryBubblePopup/Examples/image-map.html

• Example 3 - https://imagehotspotter.com

• w3schools Example - https://www.w3schools.com/tags/tag_map.asp

• Image map tool http://www.image-maps.com

We don't need a design, just the functionality (we'll do the design later). The functionality needs to be:

1.) User signup + login

2.) User enters their website url and receives a javascript code snippet - they insert this into their code on each page they want to have the images mapped - responsively.

3.) When they log onto our platform, they can verify the code snippet and we fetch all images on the pages that they added the code Javascript code snippet. They can then click an image and add the image map (polygon style). Once the shape has been drawn, they add a link (e.g. to an Amazon product).

4.) The image is then mapped on their original website, so their visitors will see the image map when they hover over the image (we can give it a default red colour), in addition to a popup box with the external website link.

--------------

I need this to be a super simple MVP, so it needs to be built in 1 week max.

If there are any Github repos already built that you can use, feel free to use them!

Thank you

New Proposal

Create an account now and send a proposal now to get this project.

Sign up

Clarification Board Ask a Question

    There are no clarification messages.