Interactive photo art studio with HTML/CSS/JS/jQuery/NodeJS/Angular/bootstrap

ONLY VERY PROFESSIONAL CANDIDATES. PLEASE READ THE JOB DESCRIPTION BEFORE APPLYING. THIS IS NOT A PHP/LAMP PROJECT! Strong JS framework and REST API understanding needed! ------------------------------------------------------------------------------ -This is a small web site/online studio for creating personal artwork from different photos stored in root folder. We need you to build ONLY THE FRONT END part of the project. No backend work is necessary. Here is the mock design attached according to the flow of the site by image numbers. The site should be designed with pure client side tools like HTML5, JavaScript, CSS and any other JS libraries/framework angular, jQuery, bootstrap, or NodeJS. Here are the overall functionality: 1. The home page would have different images displayed as banners organized in different rows. A particular row can be made of 1/2/3 images based on the width of the images. It would load all images automatically that found in a folder called config/home_page 2. Once you click "Spell Your Word" button from home page second page should load transparently to the user without refreshing the entire page. On this page user can choose different images for each letter and signs by clicking on them. If I press A then all A related letters should load, If I click on D all D images should load and so on. If color tab is selected then color images would load for the same letter, same goes for sepia. Users would drag and drop an image from top panel to bottom panel in order to spell a word. Bottom panel has add/remove word buttons. By pressing add user can add blank space between words to spell multiple words and remove would simply remote the last word. Every image item needs to have minimum 4 properties a) Itemid b) variationid c) price d) item_path. Upon loading images you have to populate these fields and pass to the next screen for price calculation and inventory update. 3. Once user happy with the words they spelled, they move on to framing. Frame screen loads the words in two different options. First one is Lego display, where you display the images in various fashion. The second one is regular horizontal one frame display with a gap between each image. The key thing here is all these images and frames have to be displayed according to what user chose in the previous screen and carry over to this screen and programmatically blend with framing images to give complete finished look. Image blending and processing technique would be necessary to display them on the fly along with calculating price. 4. Then users moves on the checkout page. There would be two payment options paypal/credit card. Once customer hit pay button it would should submit the itemid, variation id, price, quantity, for the selected items to the next contact us screen. Only paypal integration is necessary no CC Payment integration is not necessary at this point. 5. Last screen is contact us which might have order info if and order is submitter otherwise a clean from to send us message. - Only other thing is you have to do the social media plugin integration that each page has in the design. Again, that is just using JS from client side. We don’t have to save those social media data anywhere. -We want very simple CLEAN design, no flashy stuff or server side coding is required. Site should be very interactive and fast. The site should have a transparent background image that could serve as a wrapper image for all the pages. We will provide sample images that you could use to make a wrapper image. -PAGES CAN’T HAVE SCROLL BARS. All display should be compact and dynamically proportioned to fit the screen. Remember, this is a custom artwork design tool not a regular website or blog. That's all pretty much, we will walk you through again and discuss the functionality details to address the question you might have. Let’s get the ball rolling and can’t wait to see your great work! Cheers, SolutionJet