Using a tutorial available on Code Pen by Nate Wiley using HTML, CSS and Javascript, I integrated his code into my application. I have credited the author in the game and my plan is to add a timer to this game to keep track of how long it takes the user to complete the game and insert their time into the score table in the database.

As my front-end design is complete, my quizzes and memory game are integrated into my code, I will soon begin my back-end design. This will include the coding of user sign up, user sign in, contact form and inserting the game information into the database and display out to the user.

1. It helps to further refine table structures and minimize redundant data
2. It enables you to draw data from multiple tables simultaneously

For my web application, I decided to integrate user popup boxes. As my application will be used by an older generation, they may not be familiar with navigation or completing forms online. Using a tutorial available on: W3Schools, I developed a popup box.

My next step is to collectively adjust these popup boxes into my web application and add my developed quizzes to my design

In the past week, I have been working on the completion of my overall HTML design. Each page has been designed with images, text and games. Upon designing my web application, I followed my wireframes I have previously developed. My next step is to convert all my HTML files into PHP files so I can add functionality to each page.

A wireframe is 'a skeletal 3d model in which only lines and vertices are represented'. For my project a developed several wireframes using the software Balsamiq. I developed wireframes to represent my index page, home page, sign up page, what my game pages will look like and how the scores will be displayed. Once I completed my wireframes using Balsamiq, I used another software known as Mockplus. Mockplus is a piece of software that allows you to develop more realistic mockups. I have chosen to design my wireframes in both Balsamiq and Mockplus to show a representation of how each web page will look and to keep a more realistic output to my wireframes.