Develop a product list interface using HTML5, CSS3 and JavaScript
Please have a look at example sites:
[login to view URL]
[login to view URL]
JSON & Front-end source template are attached.
Complete the tasks below and send in all source code and any additional resources required to run the solution. You may use any external libraries or data stores that can run on Windows.
Given the attached JSON-file([login to view URL]), develop a product list interface using HTML5, CSS3 and JavaScript. See attached example designs but feel to put your own touch to it if you want.
1. The interface should be responsive and adapt between mobiles, tablets and desktops.
2. The product list should be sortable by title and price.
3. The product list should at the minimum show the title, price and primary image of each product. More information can be shown, or placed in the layer described in next section (4).
4. Additional information such as thumbnails, sizes etc. should be shown in an layer hidden by default. Layer is shown when hovering a product in the list and is hidden on mouse out (for mobile and tablet devices the layer toggles on tap). The layer can only be visible for one product at a time. Hovering/taping a thumbnail within the layer should show the large version of that thumbnail. See attached design sketch for example on how it could look like.
JSON explanation:
Id, title, brand and price should be straight forward.
Rating can be used to show stars as in the design example.
Images are marked with type where primary is used for default image, model for images where the product is displayed on a model, detail for close up images and cutout is used when the background is cutout showing only the product.
Sizes and colors vary depending on the product, different scales can occur for sizes.
Hello,
Greetings of the day from Web Solution Cafe !!
I have gone through your requirement and found that we have worked in the area of your concern. We have an expertise in WordPress and confidence to provide you result as per your vision.
I want to know about designing part.
You will purchase a theme or create psd file.
• Price & Estimate time is negotiable once we discuss complete project requirement.
• We will provide our creative work to you and features you want and ensure that we shall complete this project of yours within stipulated time. I believe in long term relationship with my clients.
• We know it's important for you to hire commendable resource, I request you to converse with us once on Skype/phone in order to know our capabilities.
Looking for your quick response.
Thanks & Warm Regards,
Rohit Kumawat
Dear hiring sir,
I am an expert designers. I have over 4.2 years of experience in the field of designing. I am looking any kind of designing work. I can give the service better and properly from others.
Regards
Salma_dct