Creation of a sample product page including:
- Product image magnet scroller for desktop viewports
- Product carousel for mobile viewports
- Pop-out product image into scrollable modal view from both the magnet hero container and carousel
- Color selector
- Quantity selector
- Clothing size dropdown
- Responsive design
- Cross browser compatible
- Generate API / JSON
- Created a fake JSON product feed to dynamically build the product image and product attributes
- Uploaded json file to github pages to avoid CORS issues on the XMLHttp request
- Live Example - https://robhitt.github.io/thinx
- Github - https://www.github.com/robhitt/thinx
Fire up the index.html file in any web browser and you'll be good to go!