Suljettu

Developing 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, section html5, responsive html5 css3 template, product list design, html5 template price, html5 template code, html5 resources, design template price list, design price list template, html css javascript german, html css javascript opengl, mvc html css javascript

About the Employer:
( 0 reviews ) Vietnam

Projektin tunnus: #8665738

19 freelanceria on tarjonnut keskimäärin 163 $ tähän työhön

linuxfreak1985

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

147 $ USD 3 päivässä
(349 arvostelua)
7.5
sunsoftpro

First, I am sunsoftpro, I from VietNam. Nice to meet you! I have read your description and been interested in your project. I'm ready to discuss and do hard working so that complete great job. Please discuss requireme Lisää

220 $ USD 3 päivässä
(125 arvostelua)
6.9
gopalvora

Hi I have gone through the details of your project and we find it well within our capabilities. I offer a wide range of services, including Web design, PHP/MySQL web application development, Open sources like Joo Lisää

216 $ USD 8 päivässä
(218 arvostelua)
7.4
VnBestSolutions

Dear Sir. We claim to get it done perfectly for you EXACTLY in the way you want it - Kindly give we a chance and we will prove myself - Ready to prove our words, let's get it done right away and I mean RIGHT AWAY !! Lisää

147 $ USD 3 päivässä
(88 arvostelua)
6.5
srinichal

I am an expert in delivering custom software and also .NET looking forward to discuss further about the project

147 $ USD 3 päivässä
(39 arvostelua)
6.3
navelsoft

Hi, We have gone through the entire requirement. As per your requirement, our expert team of professionals will be working on it and giving you completed work in great quality. Please start chat so that we can Lisää

150 $ USD 5 päivässä
(55 arvostelua)
6.0
bistanil98

expertise in php/mysql,html,html-5,android,css,css-3,cakephp,(MVC),symfony-2,Laravel,YII,have more than 11 year of experience worked on joomla,wordpress,magento tell me how we can start this project. our Websi Lisää

150 $ USD 5 päivässä
(18 arvostelua)
5.9
mgeorgiev73

Just let me know what changes you need, I can handle them. I will also need access to your site to download the original ones and work on them

160 $ USD 4 päivässä
(14 arvostelua)
4.7
ukroficer

Hello, we are the group of web-developers We've been successfully working on developing of web-sites more than 4 years. We can develop a website from scratch with all the latest and required features and function Lisää

115 $ USD 10 päivässä
(8 arvostelua)
3.7
TanzeelAhmed

I WILL DO FIRST TASK FOR FREE JUST TO PROVE MY SELF TO U AND ALSO GET EXCELLENT REVIEWS FROM U. PLEASE SEE MY PROFILE FOR PAST WORK(COMPLETED PROJECT) DETAILS. Introduction: I am individual full time freelance Lisää

146 $ USD 3 päivässä
(7 arvostelua)
4.1
ehudettun

A proposal has not yet been provided

277 $ USD 3 päivässä
(8 arvostelua)
3.9
vimaljaingoyal

Hi, I think I'm the right candidate for your project. I can make it perfect for you. To know why read below :) 1). Project delivery in particular time slice. 2). My price is reasonable. 3). Bug free code. 4). Clie Lisää

50 $ USD 4 päivässä
(3 arvostelua)
3.5
hexpertdeveloper

Hello, Dear Employer, we are a team of experts working since 15+ year,We are a team of advanced, and skilled developers' who put a lot of dedication to customer satisfaction. On over 15+ years of working knowledg Lisää

66 $ USD 2 päivässä
(8 arvostelua)
4.0
chaoyang810

hello ! thank you for ur post. I'm expert of Web development (mobile phone, android, iphone , PhoneGap, Java, ObjectiveC, HTML5, responsive CSS, SQL, JavaScript, JavaScript framework( JQuery, jquery mobile, paper.js A Lisää

150 $ USD 5 päivässä
(5 arvostelua)
2.9
fahadkhan786

A proposal has not yet been provided

155 $ USD 8 päivässä
(0 arvostelua)
0.0
hostlark

Hello , I We have more than 7 years of experience in this area and can do this task in the best way. I am working in this sites now http://workshop.phosteon.net/gym/ http://workshop.proudeon.website/kids/ htt Lisää

30 $ USD 1 päivässä
(1 arvostelu)
0.0
shivraj2020

Hey Greeting of the day..!!!! I read out your requirements and checkout your attached file. You are looking forward to a responsive website with filter and shortage functionality and many more. We are 6+ years Lisää

155 $ USD 5 päivässä
(0 arvostelua)
0.0
ksbhanwra

i am very creative. i am expert in html,css,php and WordPress. i am experienced also. so i can do it properly for you.

222 $ USD 5 päivässä
(0 arvostelua)
0.0
nhattq

Hi Sir, I'm Nhat, I have 4 years experience with ASP.NET developer and some big project I had do like dragonee.com or nixvn.com you can refer it. I think I can help you done this task. Thanks for interested me Lisää

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

Dear Client, Hope you are having a wonderful day!! We reviewed your all requirement mentioned in Project description and we are enough capable to fulfill your requirements. Although We are new to freelancer bu Lisää

200 $ USD 3 päivässä
(0 arvostelua)
0.0