Fermé

Build a website with drag and drop images.

I am looking for someone to build a web page with a drag and drop interface for images.

The images will appear in a multilevel menu on the left side of the screen and be dragable to the right side of a screen where they will snap into place. This is something similar to what you can see at the website [login to view URL] except their menu is single level while this one will have an extra level or two. Also [login to view URL] drags in code blocks, we only need it to drag in image blocks.

Just like on [login to view URL] when you drag the block into the page there should be options on the right side of the block when you hover over the image. The option will popup a modal to configure it which should be loaded with ajax or xmlhttprequest data (so that we can change the content later on - this is not part of the scope, as long as it can load one version of the popup). In your reply to this bid, add the word "Happy" to the first line.

The image blocks should be able to move, delete, duplicate, etc..

This project is more concerned with the frontend development of this, so no backend code is needed. You will need to prepare it so that it sends updates via ajax (or other method) when blocks are dragged. (In your reply to this bid, add the word "Freelancer" to your first line) For example when a new block is dragged in to the page it will send an ajax post to a given url with the session id, page id, image id, and position of the image (Whether it sends all the image location data with each ajax request or if there is a way to address them one by one is up to you, but it may be easier just to send the position of all the images being displayed with each action (add, delete, move).

Also there should be some kind of function made that will allow me to pre-fill the page with image blocks. For example a javascript function that can be run on page load that loads images into the main block (like for opening a saved version of the page), or loading the image ids into a an array, or supplying it in json to a startup script or even (depending on how you structure it) I can make PHP just loop through the image blocks and add them as html code if you make it support it. (In your reply to this bid, add the word "Bidding" to your first line) This might be the easiest way?

I repeat this again, no backend code is required, only html, css, javascript. You can use javascript libraries and html/css frameworks (I prefer bootstrap personally) but I do not want to use anything like react, vue, nuxt, angular, etc..

All the images are already made in 2 sizes. The smaller one (200px wide) will be in the popup menu and the larger one (500px wide) is what will be dragged into the page. You will not need to add them all. The page should be built in a way that I can get the the sections as they are pressed (ajax for example) or just load everything into an array/object on page load.

I prefer to find an individual freelancer, not a company to do this.

I hire ux/ui designers and front end developers all the time so this can be a good introduction and can lead to full time work for you, if you are interested.

Thank you.

Compétences : HTML, Design de site internet, Conception graphique , JavaScript, CSS

En voir plus : save drag drop images database using php, bracelet designer website drag drop, drag drop images javascript, website drag drop upload, online wysiwyg editor drag drop images, drag drop images cake php, drag drop images ordering using javascript php, drag drop images scriptaculous, drag drop images mysql, cms drag drop images, build cms drag drop feature, drag drop images website, visual basic website drag drop images runtime, web design drag drop images

Concernant l'employeur :
( 0 commentaires ) Montreal, Canada

Nº du projet : #31584338

31 freelances font une offre moyenne de 303 $ pour ce travail

logintobusiness

Dear Sir/Mam, Greetings! I hope you are doing well. I have read the description of your project and understood that you are looking for a website developed. I would love to work with you and develop it in WordPress Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(284 Commentaires)
8.2
inventivedesigne

Hello, I have read your all requirements that you want a Website with drag and drop images for your Business. I will deliver your project within 4-7 days. If you need it more urgently so Please contact me. I will make Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(162 Commentaires)
7.1
shahajay6434

Hello, You're looking for expert web developer for build a web page with a drag and drop interface for images. I'm expert in web development and also like to assist you in this project. can you please share your refe Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(109 Commentaires)
6.9
(223 Commentaires)
6.8
(22 Commentaires)
6.7
aftabahmad334

[login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] NGO Website [login to view URL] real Estate site [login to view URL] ecommerc Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(59 Commentaires)
5.8
Ridafarhat5

Hello...I have the required skills and experience to make this project stand out. I would love to have a discussion over the Chat on which We will be having a fruitful discussion that will make this project stand out o Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(88 Commentaires)
5.5
vovakovalkov80

Hi client Thank you for your job posting. I am very interested in your project and I will provide you 100% quality work. My Main skill: React.js, Angular.js, Node.js, PHP, Laravel, Wordpress I am ready to start work i Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 2 jours
(13 Commentaires)
5.4
(68 Commentaires)
5.5
poojaexpertz

Hello sir, Good morning This is straight forward work please message me. I am available right now and I would like to start working on your project right away. I have more than 8 years of experience in Angular, Larave Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(65 Commentaires)
5.8
phonedroidapps

Hello, Greetings…!!! I have gone through your requirements and understood that you want to develop a website. We would like to tell you that we already have made a lot of Android, IOS mobile applications, websites, a Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(3 Commentaires)
6.2
adeelweb1122

⭐ WEB DEVELOPMENT EXPERT ⭐ Bidding Hi, I have gone through the detail & interested in developing a responsive website , I have rich expertise in different programming languages PHP, HTML, CSS, JS, REACT.js, NODE.js, WO Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 5 jours
(33 Commentaires)
4.8
shussee89

Greetings, "Happy freelancer bidding". I have gone through the project details also reviewed the provided and attached links and I can surely build you a website with drag and drop images. Moreover, initiate a Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 5 jours
(20 Commentaires)
5.0
Tamalnaskar6

Hello, I'm Tamal Naskar, a Software engineer from Kolkata, India, I have 10+ years of work experience in the software development field. I have read your project description and have 100% confidence to complete your p Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(32 Commentaires)
5.0
(26 Commentaires)
5.0
Ahmersha

Understood your requirements but want to know more in detail from your side. We are a very creative website design agency. We would like to let you know that we have completed more than 50+ projects based on various Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 5 jours
(46 Commentaires)
4.6
RohanaArts

Hello! jwritecanada I have just checked your brief that you need to build a web page with a drag and drop interface for images. I can do this with unlimited changes. I'm very much confident to reach your expectations Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 5 jours
(5 Commentaires)
4.5
FaizMirza2021

Greetings, Let's Build your Website with a sleek and minimal design I can develop a fully functional Website to your specifications, I have completed more than 500+ projects on Word Press / HTML / CSS/E-Commerce and Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 5 jours
(19 Commentaires)
4.5
RaceteqUnion

Warm Greetings! We are seeking to offer our services regarding web development to you . After reading your project description, we are confident that we can help you with it. We are a team of highly skilled IT profe Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(9 Commentaires)
4.4
laibajaleel

Hi, PROFESSIONAL WORDPRESS LANDING PAGE CHAT NOW Hello, 100% Satisfaction / 24-7 Support I’m Cres I promise to do a great job on your website! I’m a native English speaker from Uk and that really helps. I’m a PRO We Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(7 Commentaires)
3.4