Find Jobs
Hire Freelancers

Add drag and drop functions to simple web page

$30-250 USD

Ukończony
Opublikowano ponad 5 lat temu

$30-250 USD

Płatne przy odbiorze
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.
Identyfikator projektu: 17792460

Informację o projekcie

18 ofert
Zdalny projekt
Aktywny 6 lat temu

Szukasz sposobu na zarobienie pieniędzy?

Korzyści ze składania ofert na Freelancer.com

Ustal budżet i ramy czasowe
Otrzymuj wynagrodzenie za swoją pracę
Przedstaw swoją propozycję
Rejestracja i składanie ofert jest bezpłatne
Przyznano:
Awatar Użytkownika
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 w 5 dni
4,9 (55 opinii)
6,8
6,8
18 freelancerzy składają oferty o średniej wysokości $170 USD dla tej pracy
Awatar Użytkownika
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 w 1 dzień
5,0 (190 opinii)
7,6
7,6
Awatar Użytkownika
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 w 3 dni
5,0 (46 opinii)
6,1
6,1
Awatar Użytkownika
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 w 3 dni
4,9 (19 opinii)
5,0
5,0
Awatar Użytkownika
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 w 3 dni
5,0 (12 opinii)
5,0
5,0
Awatar Użytkownika
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 w 3 dni
4,9 (5 opinii)
4,5
4,5
Awatar Użytkownika
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 w 3 dni
0,0 (0 opinii)
0,0
0,0
Awatar Użytkownika
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 w 3 dni
0,0 (0 opinii)
0,0
0,0

O kliencie

Flaga DENMARK
Copenhagen S, Denmark
5,0
55
Zweryfikowana metoda płatności
Członek od lut 13, 2009

Weryfikacja Klienta

Dziękujemy! Przesłaliśmy Ci e-mailem link do odebrania darmowego bonusu.
Coś poszło nie tak podczas wysyłania wiadomości e-mail. Proszę spróbować ponownie.
Zarejestrowani Użytkownicy Całkowita Liczba Opublikowanych Projektów
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Wczytywanie podglądu
Udzielono pozwolenia na Geolokalizację.
Twoja sesja logowania wygasła i zostałeś wylogowany. Proszę, zalogować się ponownie.