Mobile Web Specialist Certification Project:

Project Overview

Restaurant Reviews projects, incrementally converts a static webpage to a mobile-ready web application. In Stage One, I took a static design that lacks accessibility and converted the design to be responsive on different sized displays and accessible for screen reader use. I also added a service worker to begin the process of creating a seamless offline experience for users.

System Requirements

• Google Chrome/Mozilla Firefox browser
• Python 2.x or above (for viewing the pages locally)

How to view the site

• Start a local webserver using Web Server for Chrome or Python in the project folder
  ** if using Python, use the command python -m http.server 8000. On Win7 use py -m http.server 8000. The port number can be any unused port. ** if using Web Server for Chrome, not the Web Server URL(s). e.g. http://127.0.0.1:8887
• Open the index.html file by typing http://localhost:8000(Python Server) or http://127.0.0.1:8887 (Chrome Server example as above)
• Select the neighborhood area and cuisine using the dropdown menues.
• Click on View Details button to load the restaurant details page.

Known Issues / Limitations

• All features will not work in IE.
• MIME type error when using Python web server.