The following functionalities are implemented:

1. [x] Create peripheral tools for the web site

• Header -> logo, menu bar
• Footer -> interactive social links, other links, copyright message, api logo
• Template -> assemble header and footer into a one template file that other pages can use

2. [x] index.xhtml

• Scrollable slide show that displays what the site is about

3. [x] recipeILike.xhtml

• Display queiry result in a table format
• Make the result sortable on Recipe Title and Source Name column
• Have Create, View, Edit and Delete buttons
• Fully implement the button functionalities

4. [x] Recipe Search

• Have a modal pop-up screen that is used to search the database
• Create dropdown menus for the choices
• Execute SQL queiry and return results upon searching
• Have clear button
• Display any error messages

5. [x] RecipeSearchResults.xhtml

• Display queiry result in grid view table
• Include a information button per item
• Display the item details when the info button is clicked

6. [x] Make sure that the website is responsive and can display in any web browser

Here's a walkthrough of implemented user stories:

GIF created with LiceCap.

Copyright [2017] [Jinwoo Yom]