Build a Website

Develop a product list interface using HTML5, CSS3 and JavaScript

Please have a look at example sites:

[url removed, login to view]

[url removed, login to view]

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([url removed, login to view]), 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.

Taidot: ASP.NET, graafinen suunnittelu, HTML, Javascript, verkkosivujen suunnittelu

Näytä lisää: template libraries, template html5 price, tap template, sketch up model, sketch a website, responsive html5 css3 template, html5 website template code, html5 website designs, html5 template price, html5 resources, how to develop your own website, how to develop and design a website, how 2 develop a website, graphic design price list template, different type of website designs, develop your own website, develop a website price, design resources website, code that are used to develop your own website, full website build, copy exitsing website build site, drag drop website build bracelet, teacher rating website build, bid website build, common questions freelance website build

Tietoa työnantajasta:
( 0 arvostelua ) Vietnam

Projektin tunnus: #8665630

18 freelanceria on tarjonnut keskimäärin 281 $ tähän työhön


Hi, Greetings from Infoway!!! Happy to inform you that we are very much interested at your project and ready to proceed with the kind help of your reply back to us. Please have a look some of our websites exampl Lisää

247 $ USD 5 päivässä
(343 arvostelua)

Hello, Hope you are doing great, I have gone through your project description. I can understand that you are looking to Develop a product list interface using HTML5, CSS3 and JavaScript, therefore I am looking forwar Lisää

927 $ USD 25 päivässä
(174 arvostelua)

Hi there, I have checked the details about this project and i still need for clarifications about it, Could you give me more information about this project via PRIVATE CHAT? I am Senior CMS(WordPress / Joomla / Drupa Lisää

252 $ USD 3 päivässä
(347 arvostelua)

Hello, I have studied Project in details and are very confident getting you a clear solution website with high quality Design, Mobile Responsive site with guaranteed results and a site which is completely SEO ready. Lisää

263 $ USD 10 päivässä
(38 arvostelua)

Hi, I have gone through all of your requirements. If you have any question please [url removed, login to view] time frame for your project is negotiable. check our reviews here: Lisää

155 $ USD 3 päivässä
(60 arvostelua)

Hello there, I would like to assist you. and would like to have a quick talk based on this. I can get you an exact cost and time frame after reviewing all details. Ping me if you are online We specialize in HTML Lisää

257 $ USD 3 päivässä
(23 arvostelua)

Hello, I have taken a detailed look at the job specifications. I have well experience in this field of 7+ years. i am ready to do work immediately. Here are few of my recent HTML + Mobile Responsive Websi Lisää

226 $ USD 6 päivässä
(201 arvostelua)

Hello sir/madam , We have good experience of PHP,JOOMLA,HTML,HTML5,CSS, Ajax,jquesry,JavaScript,Mysql, Graphic Design,Website Design, Android, mobile application,Photoshop, Banner Design ,Flayer mail,Logo Design,wo Lisää

149 $ USD 8 päivässä
(107 arvostelua)

Hello, We are a small Group of freelancers Expertize in Web, Logo and Print Design, Web Research, Data Entry and SEO support Services, we are located at Kolkata City in India, we are very interested in your Project Lisää

125 $ USD 8 päivässä
(70 arvostelua)

9 years old web development company working with Finland base [url removed, login to view] we want to grow our company more so started searching new businesses from Freelancing sites. please check our portfolio [url removed, login to view] Lisää

277 $ USD 5 päivässä
(14 arvostelua)

Hi I understand your requirements. I am Full stack Senior developer having 8+ years of Web-development experience. I have a team of talented and well qualified developers. Technologies we used are : Lisää

247 $ USD 20 päivässä
(4 arvostelua)

Hi Ready to Start right away, Please come to freelancer chat to discuss. I just went through your project description and we would be interested in doing your project. Below are few sites for your reference th Lisää

188 $ USD 3 päivässä
(5 arvostelua)

Hello, Greetings ! We have worked on similar Asp.Net customization project that you are asking for and we are confident, we can achieve the results that you are asking for and we can complete your project on time Lisää

277 $ USD 5 päivässä
(3 arvostelua)

Hi there, My designer and developer is ready to assist you on this. Checkout our play store url for apps we designed in house. [url removed, login to view] Lisää

421 $ USD 10 päivässä
(8 arvostelua)

Hello Dear!, I am really interested to work on this project, i am sure do quality work. I can start the work now , and can provide the best services from my end. Please come on chat to discuss more about the project Lisää

250 $ USD 7 päivässä
(5 arvostelua)

Hi, We have gone through your requirement for the Online Store website development similar to the We have a team of more than 50 members. So far, we have developed more than 300 websites for our c Lisää

500 $ USD 10 päivässä
(1 arvostelu)

A proposal has not yet been provided

222 $ USD 3 päivässä
(0 arvostelua)

We will complete the project within 3 days for $[url removed, login to view] have to complete this project to get things going for us in freelancer.

88 $ USD 3 päivässä
(0 arvostelua)

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 yo Lisää

100 $ USD 3 päivässä
(0 arvostelua)

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 Lisää

298 $ USD 2 päivässä
(0 arvostelua)