Purity Cosmetics: Technical Test
###Directions Directions: Create a one page web application using the Shopify API. Please use HTML, CSS, and Javascript at a minimum.
Also, feel free to include any CSS or Javascript frameworks and libraries. Bootstrap, jQuery, and AngularJS CDNs have been provided for you - using AngularJS is encouraged!
###Core Requirements
-
Display at least 12 products on the page using a grid layout view ( example ). make sure to display the product title, image, and price at a minimum.
-
Style your page. We are looking for clean modern aesthetics, use your best judgement!
-
We are looking for well commented and modular code. Following an architectural pattern is recommended (i.e. Object Oriented, Promise Pattern, etc).
###Extra Points
-
The Shopify API provides a lot of information besides the 4 core categories listed above, make use of the other categories to display a quick view of all product info. (e.g. displaying product description info )
-
Creative implementation of displaying product inventory.
-
Implement pagination to display all products.
-
jQuery/CSS animation techniques. (for front end positions)
==========================
#####Using the Shopify API:
- API Key: 48f139f15c7deabaf29ebb2cfad45c4e
- Password: b02c60adcc8d521da89d5458846c9711
URL Format: https://apikey:[email protected]/admin/resource.json Example Route: https://apikey:[email protected]/admin/products.json
===================
- make a separate branch on this repository
- cd into the coding-challenge folder
$ cd ~/path-to-folder/coding-challenge
- create a new branch using your first and last name:
$ git checkout -b 'name-of-branch'- push to your own branch (Do not push to the master branch!)
$ git push origin 'name-of-branch'- Make a pull request on the master branch with using your branch. Do not merge the request! Feel free to add any comments when making the pull request.
======================
Feel free to ask us if you have any questions at all!! and remember to have fun!