Complex drag & drop GUI

  • Status: Closed
  • Præmier: €250
  • Modtagne indlæg: 5
  • Vinder: ohmed

Konkurrence Instruktioner

We are looking for someone that can built a prototype or Proof Of Concept (POC) JavaScript GUI that looks like a dendrogram (tree).

Example: [login to view URL]

The tree shows the contents of a photo-website, the branches representing the pages and the leaves representing photos.
Because the size of the tree is variable, it should be possible to zoom in or out with an on-screen slider. The interface should still work smoothly if the tree contains 500+ nodes.
An Ajax connection will update changes made in the tree to the database.

Required base functions:
- Rearrange nodes (i.e. the order of photos) with drag & drop.
- Add nodes (upload photos) by dragging them into the canvas.
- Create a new page by dragging the 'New page' button into the canvas.
- Delete a node by dragging it into the bin.
- Edit a node (i.e. the name of a page) by clicking it.

While editting the tree, the dynamic connector lines and smooth animations must give the user visual cue's about what is happening.

IMPORTANT: The look & feel of the interface should be INTUITIVE AND SMOOTH and the interface should work in all modern browsers, including phone and tablet.

A number of libraries are available, it's up to you if you want to use any of those.
Examples: jsPlumb, [login to view URL], d3.js

This project is only about making a prototype/POC and only about the client side code. If the winner of this project is good enough, he/she will be invited to do all the client-side coding and built the whole interface. This will be a new project with a bigger budget.
All server-side code, for example to update changes in the database, will be part of another follow-up project.

Anbefalede Evner


“Satisfied with te results!”

Profilbillede Tomston, Netherlands.

Bedste indlæg fra denne konkurrence

Se flere indlæg

Offentlig Præciserings Opslagstavle

  • kmsndp
    • 3 år siden


    • 3 år siden
  • sherire
    • 3 år siden

    Hi CH, I am working on this. Will post a codepen link along with screen shot submission here. I am writing the code afresh. I hope it would not be a problem. I am trying to keep it minimal so that you can include it wherever you want.

    • 3 år siden
    1. Tomston
      • 3 år siden

      When can you show me something? The contest will close soon.

      • 3 år siden
    2. sherire
      • 3 år siden

      Few hours more. I will submit before the contest ends.

      • 3 år siden
  • vaanam
    • 3 år siden

    the example URL you mentioned above isnt working.

    • 3 år siden
    1. Tomston
      • 3 år siden

      Yes, there are many bugs. That's why I posted this project.

      • 3 år siden
    2. syslogic
      • 3 år siden

      this is a contest, not a project... that's why I don't even start :)

      • 3 år siden
  • niralsakariya201
    • 3 år siden

    web design-development-promotion,Mobile website and application development , SEO Developer...I Give 100% for my work ...I do my work best

    • 3 år siden
  • Soundpresslib111
    • 3 år siden

    Hello. I uploaded my past work related to this project, in my think. please check my inbox in previous project.

    • 3 år siden

Vis flere kommentarer

Sådan kommer du i gang med konkurrencer

  • Opret din konkurrence

    Opret din konkurrence Hurtigt og nemt

  • Få tonsvis af indlæg

    Få tonsvis af indlæg Fra hele verden

  • Tildel det bedste indlæg

    Tildel det bedste indlæg Download filerne - Nemt!

Opret en Konkurrence Nu eller slut dig til os i dag!