Mobile Web Specialist Certification Course

---

Three Stage Course Material Project - Restaurant Reviews

Project Overview: Stage 3

Project made for Udacity Mobile Web Specialist Certification Course by romerixo.

Considerations

• The project is only tested on Google Chrome.
• The format used for the images is WebP which is unsupported by Mozilla Firefox and others.
• Offline capabilities are performed with IndexedDB API through Jake Archibald's IndexedDB Promised library. This is done with the Service Worker in sw.js.

Prequisites

• Clone or download from my repo Project-Restaurant-Review.

git clone https://github.com/romerixo/Project-Restaurant-Review.git

• Clone or download from my repo mws-restaurant-stage-3.

git clone https://github.com/romerixo/mws-restaurant-stage-3.git.

• Instal a HTTP Server that supports gzip encode, e.g http-server.

npm install -g http-server

Installing

1. Install and run the backend server API mws-restaurant-stage-3

2. From Project-restaurant-Review folder install dependencies.

npm i

3. Build the project in develpment mode with gulp.

gulp build

4. You can also to use the production mode.

gulp build:dist

5. Run http-server to start the App.
   • Development mode, from the root directory (/).

   http-server -p80
   

   • Production mode, inside dist folder (/dist), note -g flag for enable gzip encode.

   http-server -p80 -g
   

6. Open with Google Chrome http://localhost:80.

Note Backend Server

You will need to use the backend server from my repository https://github.com/romerixo/mws-restaurant-stage-3 since I modified the file localDiskDb.db from .tmp folder. You can simply replace the file in your backend server with mine (https://github.com/romerixo/mws-restaurant-stage-3/blob/master/.tmp/localDiskDb.db).