The App is developed using nodejs, express.
It uses ejs as template engine
For Running This Application: npm start http://localhost:9000
/================================/ INSTRUCTIONS /================================/
***Please code this using Node.js
-
Author all HTML5 and CSS to replicate the layout as prescribed in provided wireframe example (wireframe_example.pdf).
-
Consume the following service and populate the page with the products and pricing returned. http://m.lowes.com/CatalogServices/product/nvalue/v1_0?nValue=4294857975&maxResults=6&showURL=1&rollUpVariants=1&showUrl=true&storeNumber=0595&priceFlag=rangeBalance&showMarketingBullets=1
-
Consume the response on front end. (You may have to proxy this in your Node app)
-
User Experience: Page should be responsive with at least one mobile and/or tablet experience.
-
User Interactions:
a. When a user's mouse hovers over one of the products, the information for that product will appear in the larger "hero" area (to include switching the image asset from the smaller thumbnail to the medium image asset).
b. When a user clicks the "Add to Cart" element in the larger "hero" area, a JavaScript alert message will display the price of the item. The price displayed should be determined by the product shown in the masthead.
/================================/ IMPORTANT NOTE /================================/
-
The node_modules does’t need to be included in the zip file. Just a package.json that would indicate which modules we need to install and their code.
-
Please change the file extension of your external JavaScript file(s) to .txt before resubmitting to prevent Lowe's email system from removing them.