This is is a Web site for a fictional restaurant created for ICT-4510: Advanced Website Design and Development.

For the front end, we provided a site that introduces the restaurant to a site visitor and gave them location information and access to the restaurant's menu. We were introduced to leaflet.js, allowing us to provide an interactive map site visitors can use to locate the restaurant. We used DOM and event handlers to create a login form, allowing a site administrator could log into a dashboard to manage the site menu. The administrator's login information was saved in session storage so they could continue to make updates until they logged out. Once the administrator clicks the log out button, the session-stored user object gets deleted, and they are required to log back in to manage the site.

The dashboard allows an administrator to enter an item, description, and price for a menu item. Then, using an Ajax POST method, the menu item was stored in the university-provided API. The site's menu page displays the menu items by using an Ajax GET method to obtain the objects from the API and JavaScript to display a nicely formatted list on the page. I was also able to add an additional feature, the ability to delete a menu item, using an Ajax DELETE method.