Complex drag & drop GUI

  • Tình trạng: Closed
  • Giải thưởng: €250
  • Các bài thi đã nhận: 5
  • Người chiến thắng: ohmed

Tóm tắt cuộc thi

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.

Các kĩ năng yêu cầu

Phản hồi của người thuê

“Satisfied with te results!”

Hình ảnh hồ sơ Tomston, Netherlands.

Những bài dự thi tốt nhất dự cuộc thi này

Xem thêm bài dự thi

Bảng thông báo công khai

  • kmsndp
    kmsndp
    • cách đây 2 năm

    #extended

    • cách đây 2 năm
  • sherire
    sherire
    • cách đây 2 năm

    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.

    • cách đây 2 năm
    1. Tomston
      Chủ cuộc thi
      • cách đây 2 năm

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

      • cách đây 2 năm
    2. sherire
      sherire
      • cách đây 2 năm

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

      • cách đây 2 năm
  • vaanam
    vaanam
    • cách đây 3 năm

    the example URL you mentioned above isnt working.

    • cách đây 3 năm
    1. Tomston
      Chủ cuộc thi
      • cách đây 3 năm

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

      • cách đây 3 năm
    2. syslogic
      syslogic
      • cách đây 3 năm

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

      • cách đây 3 năm
  • niralsakariya201
    niralsakariya201
    • cách đây 3 năm

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

    • cách đây 3 năm
  • Soundpresslib111
    Soundpresslib111
    • cách đây 3 năm

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

    • cách đây 3 năm

Xem thêm bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài thi xuất sắc nhất

    Trao giải cho bài thi xuất sắc nhất Download File - Đơn giản!

Đăng cuộc thi ngay hoặc tham gia với chúng tôi ngay hôm nay!