Færdiggjort

Add drag and drop functions to simple web page

I have a simple web page with a list of folders in the left side and some photos on the right side. The page has markup and a reference to MiniCSS and that's all.

As part of this project, I will add a reference to an external CSS and Javascript file which you control during development. You can instruct me to change the mark-up if needed. I will be able to change the mark-up within 24 hours.

I also have a simple REST based API to do the following actions:

- RenameFolder

- MoveFile

- DeleteFile

- DeleteFolder

Your task is to implement the functions above on the page using CSS and javascript. Here is the list of specific tasks:

1. Move folder into a different folder by dragging the folder on top of another folder. This results in a "RenameFolder" call.

2. Move folder back to root level by dragging it out and not dropping it on another folder. This also results in a "RenameFolder" call

3. Actually change the name of a folder. Do this by clicking an icon next to the folder.

4. Delete a folder by clicking on an icon next to the folder. Show an alert to confirm deletion. Note, deleting a folder requires all files in the folder to be deleted.

5. Select one or more photos the same way as OneDrive (drag rectangle or select radio button style input in an overlay of the photo).

6. Select all photos with CTRL+A

7. For the selected photos, delete (call the API to delete each photo)

8. For the selected photos, drag them to another folder.

9. Re-style the folder list so seems intuitive to drag and drop the folders

Non functional requirements:

- It is important that it performs well, also in older computers. It is more important that it is fast than it looks good. So keep the layout simple.

- If you want to include third party libraries (such as underscore or jquery) then you need to get that approved when you bid. This is also to ensure small footprint and fast performance.

- You only have to target modern browsers such as latest versions of Chrome, Edge and Firefox.

I am looking for someone for whom this task is very easy and who has done custom drag and drop functionality on web pages before.

Evner: AJAX, CSS, HTML, HMLT5, Javascript

Se mere: simple web page file uploader, build simple web page header, html code simple web page layout, html drag and drop example, drag and drop jquery, html5 drag and drop example, javascript drag and drop library, html5 drag and drop demo, drag and drop javascript demo, drag and drop examples, javascript drag and drop example, simple web page calendar, drag drop functionality custom web partsharepointc, attractive simple web page format, simple web page header menu, editable table simple web page, cms simple web page maker, simple web page top menu bar, add rss feed rss feed web page, netbeans jtree component add drag drop

Om arbejdsgiveren:
( 28 bedømmelser ) Hovedstaden, Denmark

Projekt ID: #17792460

Tildelt til:

JinNg

Hi, My name is Jin. Let's talk about your project. 1. You require drag and drop UI for the 4 REST based APIs for folder management. 2. Your description is quite detailed. I am assuming that the page will have Flere

$258 USD in 5 dage
(41 bedømmelser)
6.5

26 freelancere byder i gennemsnit $182 på dette job

superman1987417

Greetings. I'm an expert web developer with 8 years of experience. I'm very interested in your project. I've checked your requirements carefully and feel confident with them. Especially I have implemented the drag Flere

$250 USD in 3 dage
(52 bedømmelser)
6.2
drgold03

Hello I am good in php/html/js/css etc and have a lot experience I have done similar to this project before. I am an effective web developer and can deliver exactly deadlines. I look forward to hearing from you. Flere

$166 USD på 1 dag
(50 bedømmelser)
6.1
avinashjain09

Hello, I have read your description and I can do this work. Please provide some sample/reference link. Can we have a detailed discussion? I have 7 years of experience in development , I have worked on various fra Flere

$180 USD in 3 dage
(86 bedømmelser)
6.3
Janghero

Hello, sir. I have some experience with jqueryUI. I can make drag and drop function easily. I have enough experience. I will do my best to help you. Please let us discuss more. thanks.

$500 USD in 3 dage
(22 bedømmelser)
5.3
KGeorgy

Hello, Thank you for the job posting. It’s a pleasure to meet you. I’d really like to work with you on this one if possible! I do have a couple of questions, but first I’d like to make you an offer and some backgrou Flere

$155 USD in 3 dage
(28 bedømmelser)
5.0
naravila

Hello I am interested in your project. I'm a senior developer. I'm PHP and WebDesign expert, I have developed PHP and WebDesign for 5 years. PHP and WebDesign is my skill, and I can do your task perfectly in a shor Flere

$155 USD in 3 dage
(18 bedømmelser)
5.0
erbhanumadan

Greetings! No worries. I am expert in AJAX, CSS, HTML, HTML5, Javascript. I can do this project very well and work by me will be Clean, Eye catchy and professional as well. Please initiate interview process So that Flere

$155 USD in 3 dage
(19 bedømmelser)
5.0
micromanagement

Hello There, I read and understood the flow of work, I can provide drag and drop option in your site. I am full stack developer, Having 6+ years of experience in development. My key skills: -- PHP -- WordPress Flere

$120 USD in 3 dage
(4 bedømmelser)
4.5
asadrana91

Hello I have read about your project in detail of dragging and selecting of web pages. we have done these sort of projects already. please feel free to chat. Looking forward for your positive response.

$155 USD in 3 dage
(11 bedømmelser)
4.4
marenchuk

I can have this assignment done within one day. Not big deal for me. I am well-versed in the functional module programming such as this one. I can get started ASAP, if you award me. Kind regards

$155 USD in 3 dage
(18 bedømmelser)
4.3
zhiqiang1988

Hi. I am a developer you are finding. I have high skill in css and js as you can see my profile. I am sure i can satisfy you asap. If you hire me, you will get good result in short time. Please hire me. Thanks.

$150 USD in 2 dage
(13 bedømmelser)
4.0
webdev1802

Hello, I can add drag and drop functions to simple web page. I have 7 years of experience in web development I have developed many such projects before I will implement all the mentioned points into it perfectly. Flere

$250 USD in 2 dage
(7 bedømmelser)
3.9
fullstackappcode

Hello, I am full time available work. I have read your project requirement you want to Add drag and drop functions to simple web page. I have completed major up work tests in the area of the web development. I have Flere

$155 USD in 3 dage
(2 bedømmelser)
4.1
aswebsmart

Hi, Your requirements are fully clear to me and I am applying only because I meet all the requirements that you are looking for. I have been working as a wordpress developer and designer for more than 6 years and I Flere

$133 USD in 2 dage
(10 bedømmelser)
3.3
fsdsolutions1

Good Day, Hope you are doing well, and my proposal catches your attention too. We studied your project and understood all your requirements so I would like to discuss your project queries in more detail which wo Flere

$155 USD in 3 dage
(1 bedømmelse)
3.3
$100 USD in 2 dage
(3 bedømmelser)
2.6
blizneccherkassy

Hello, I am a front-end expert so I will be able to help you on this project. I developed dozens of web sites which are being used front-end technology such as HTML5/CSS3, jQuery, Bootstrap, Angular and React. Flere

$155 USD in 0 dage
(3 bedømmelser)
2.3
anthonyyugov830

I am a senior full-stack developer from Ukraine. I mastered CSS and JavaScript, please check my skill sets on my profile page. Here are my recent works using the CSS and JavaScript. [login to view URL] Flere

$222 USD in 3 dage
(1 bedømmelse)
1.7
Qamarali9898

hey, just read the whole thing, i have you say you've invest alot of time writing this. According to what you've written you already have a rest api to delete, rename move file folders from one directory to another, n Flere

$166 USD in 5 dage
(3 bedømmelser)
1.9
webdroid

We are experts Software engineers office based team , having 5+ years of experience in developing and designing Mobile apps , Web application ,and desktop applications along with unlimited revisions will be provide Flere

$200 USD in 5 dage
(4 bedømmelser)
1.8