Dynamic Image Presentation

Design and code a web page as an interactive image presentation layer for your virtual client. Assignment Specifications

Your Node/Express/Handlebars based deliverable must provide the following:

A heading that identifies the theme and/or subject of your web page A dropdown element containing a list of images to be selected and presented A presentation box for the display of images There should be five or more images to be displayed Do not link to web image URLs A button for the submitting image request to the web server This web page must be presented by the following workflow: Select image to be displayed via the dropdown list Click the submit button to download and display the selected image The remaining design criteria are to be decided by the web page designer

Technical Specifications

Code one JavaScript server application using Node.js for routing, Express.js for framework and Handlebars.js for templating Necessary npm modules are: express, express-handlebars, path and body-parser

Assignment Requirements

Hand in your assignment by date specified on the weekly schedule in media specified in the course overview The completed assignment should include at least one js file, one hbs file, one package.json file and necessary image files all compressed into one zip file When submitting your assignment via your Seneca email account, upload and share your zip file onto OneDrive before sending your email Ensure your assignment can be successfully tested via localhost:3000

Note: This assignment is worth 15% of your final grade. Sample Assignment Layout

Click down arrow on dropdown list . Emily Blincoe Galery .Select desired option from dropdown list Emily Blincoe Galery Mouse pointer hover over Submit button Emily Blincoe Galery Click Submit button Emily Blincoe