Find Jobs
Hire Freelancers

Add drag and drop functions to simple web page

$30-250 USD

Completed
Posted over 5 years ago

$30-250 USD

Paid on delivery
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.
Project ID: 17792460

About the project

18 proposals
Remote project
Active 6 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
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 a list/array of folders and image files to start with. 3. I recently did a drag & drop quizzes using JSON file as the source for questions and answers. [login to view URL] [login to view URL] What you require is similar. 4. For your project, I will use Javascript, REST, HTML5, CSS, d3.js & Bootstrap 4. 5. I have over 20 years experience in IT, with 15 years in Australia as a contract coder. I was also a special needs software developer/publisher back then. I am now based in Malaysia. 6. Here are some recent and related projects: [login to view URL] [login to view URL] [login to view URL] 7. I currently specialize in data visualization web apps using D3.js, Javascript, HTML5, PHP & MySQL. I also do 3D web apps using [login to view URL] 8. I do all the work myself and do not sub contract. If you have any questions, please feel free to contact me. Thank you for considering my bid.
$258 USD in 5 days
4.9 (55 reviews)
6.8
6.8
18 freelancers are bidding on average $170 USD for this job
User Avatar
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. Good luck.
$166 USD in 1 day
5.0 (190 reviews)
7.6
7.6
User Avatar
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 background so you can check my work out. I have been developing kind of project within 10+ years so I’m fluent experience to handle project. You’ll get all the expected stuff like a great professional service and a fast turnaround, at a bit less, and I get a bit more exposure. If the above offer sounds like something you would be interested in, I’d love to hear from you. Best regards, Georgy
$155 USD in 3 days
5.0 (46 reviews)
6.1
6.1
User Avatar
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 I can start working after finalize things. I am confident that I can exceed your expectations. Hope You would give this opportunity to me. Just trust me with this and your satisfaction is guaranteed. I am available via Skype/Email. Waiting eagerly for you! Cordially yours, Bhanu
$155 USD in 3 days
4.9 (19 reviews)
5.0
5.0
User Avatar
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 days
5.0 (12 reviews)
5.0
5.0
User Avatar
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 -- Ajax, -- j Query, -- Javascript -- CSS -- API integration Looking forward. Thank's Chetna.
$120 USD in 3 days
4.9 (5 reviews)
4.5
4.5
User Avatar
Hello, My name is Mayur and I'm from Pune, India. I work as an Web Developer. My work is my biggest passion. As you can see in my portfolio, I have created a lot of Websites And WebApp working in different kinds of mediums. My skills in PHP and JavaScript. combined with my creative skills and together with the characteristics that your company/project has can be the best match. I'm a flexible person and I'm always open for ideas regarding the work I'm doing, so together we can make a great team and we can provide the best solution for the project. The lack of reviews and being new on freelancer, made my work and my talent a bit hard to be acknowledged, but what I'm asking is to take a few minutes of your time and take a look on my profile to see my portfolio. https://www.freelancer.in/u/mwadtkar Best regards, Mayur
$155 USD in 3 days
0.0 (0 reviews)
0.0
0.0
User Avatar
i am front end developer having 2 year's experience in this field. I'll create your website with 100% mobile friendly website. Relevant Skills and Experience i have great knowledge of WordPress HTML CSS JavaScript bootstrap Photoshop etc
$155 USD in 3 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of DENMARK
Copenhagen S, Denmark
5.0
55
Payment method verified
Member since Feb 13, 2009

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.