Complex drag & drop GUI

  • Durum: Closed
  • Ödül: €250
  • Alınan Girdiler: 5
  • Kazanan: ohmed

Yarışma Özeti

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.

Tavsiye Edilen Beceriler

İşveren Geribildirimi

“Satisfied with te results!”

Profil Görüntüsü Tomston, Netherlands.

Bu yarışmadan başlıca girdiler

Daha Fazla Katılım Görüntüle

Genel Açıklama Panosu

  • kmsndp
    kmsndp
    • 3 yıl önce

    #extended

    • 3 yıl önce
  • sherire
    sherire
    • 3 yıl önce

    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 yıl önce
    1. Tomston
      Yarışma Sahibi
      • 3 yıl önce

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

      • 3 yıl önce
    2. sherire
      sherire
      • 3 yıl önce

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

      • 3 yıl önce
  • vaanam
    vaanam
    • 3 yıl önce

    the example URL you mentioned above isnt working.

    • 3 yıl önce
    1. Tomston
      Yarışma Sahibi
      • 3 yıl önce

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

      • 3 yıl önce
    2. syslogic
      syslogic
      • 3 yıl önce

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

      • 3 yıl önce
  • niralsakariya201
    niralsakariya201
    • 3 yıl önce

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

    • 3 yıl önce
  • Soundpresslib111
    Soundpresslib111
    • 3 yıl önce

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

    • 3 yıl önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!