WAD2 Coursework 02

Practical Section

Restaurant Web application to display menu

Created using

Included in repo

• Test report
• Video Demo
• Caley Street Web Application

Frameworks used

• Express - Node.js web application framework
• Mustache - Web template system

How to run the site

1. Clone this Repo

git clone https://github.com/ARazak200/WAD2_CW02.git

2. Go into the root directory of the project and create a .env file

cd WAD2_CW02 && touch .env

3. Add the following into the .env file

ACCESS_TOKEN_SECRET=<secret>

1. run the site

npm app

A link to an local version of the site

http://localhost:3000/

Features that have been Implemented

• Landing
  • Home
    • Banner
    • Reviews for Caley Street
• Menu Page
  • Showing all dish items
  • including new dishes
• About
  • Address with button
  • Map view embedded from Google Maps
  • Social media icon as links
• Gallery
  • 9 pictures with figures
  • In a 3X3 grid layout
• Staff
• CRUD functions only for add
• Pages created in views for all CRUD operations

Justification for any changes from your development plans

• Database structure
• Overall design
• Mobile functionality
  • Due to time this function is limited
• features not functional
  • Chef's pick
  • Edit functionality
  • Delete functionality

Sources

listed below are the open-sources elements used for the web application

File Location

 cd WAD2_CW02\public\elements

Global

• Favicon - GCU-logo.png (changed background to red)Click Here
• NoPage.pngClick Here

Home

• star-gold.png (created by Owner)
• star-grey.png (created by Owner)
• Caley-Street-bg.png (created by Owner)

About

• facebook.png (created by Owner)
• instagram-black.png (created by Owner)
• tripadvisor.png (created by Owner)

Gallery

• Burger.jpg Click Here
• Dips.jpg Click Here
• food-sign.jpg Click Here
• fries.jpg Click Here
• milkshakes.jpg Click Here
• salad.jpg Click Here
• soft-drinks.jpg Click Here
• wings.jpg Click Here
• wraps.jpg Click Here