Complex drag & drop GUI

  • Estado: Closed
  • Prêmio: €250
  • Inscrições Recebidas: 5
  • Vencedor: ohmed

Síntese do concurso

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.

Habilidades Recomendadas

Feedback do Empregador

“Satisfied with te results!”

Foto do perfil Tomston, Netherlands.

Principais inscrições deste concurso

Ver Mais Inscrições

Painel de Esclarecimento Público

  • kmsndp
    kmsndp
    • 3 anos atrás

    #extended

    • 3 anos atrás
  • sherire
    sherire
    • 3 anos atrás

    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 anos atrás
    1. Tomston
      Proprietário do Concurso
      • 3 anos atrás

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

      • 3 anos atrás
    2. sherire
      sherire
      • 3 anos atrás

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

      • 3 anos atrás
  • vaanam
    vaanam
    • 3 anos atrás

    the example URL you mentioned above isnt working.

    • 3 anos atrás
    1. Tomston
      Proprietário do Concurso
      • 3 anos atrás

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

      • 3 anos atrás
    2. syslogic
      syslogic
      • 3 anos atrás

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

      • 3 anos atrás
  • niralsakariya201
    niralsakariya201
    • 3 anos atrás

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

    • 3 anos atrás
  • Soundpresslib111
    Soundpresslib111
    • 3 anos atrás

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

    • 3 anos atrás

Mostrar mais comentários

Como começar com concursos

  • Publique seu concurso

    Poste seu Concurso Rápido e fácil

  • Receba toneladas de entradas

    Obtenha Toneladas de Inscrições De todo o mundo

  • Premie a melhor inscrição

    Premie a melhor inscrição Baixe os arquivos - fácil!

Poste um Concurso ou Junte-se a nós Hoje!