This code covers Stage 3 of the Restaurant Reviews web application for the Mobile Web Specialist course from Udacity. It has the following features:
- A fully responsive layout
- Responsive images, both for sizing and art direction
- A restaurant listings page
- A restaurant info page
- Accessibility updates
- Service worker implementation to allow for viewing previously browsed pages while offline
- Offline application capabilities utilizing both the caches and IndexedDB
- Favorites can be controlled for each restaurant and work offline
- Reviews can be written for each restaurant and work offline
- Gulp build based on Yeoman scaffold
- Utilizes IDB for the IndexedDB
- All other rubric requirements
Icons credit to Flaticons
This code is scaffolded with Yeoman and requires that node.js and npm be installed. Please install these first. Additionally, this project depends on a separate project provided by Udacity to create an API end-point. This project is available on git . Please follow the instructions there.
Once you have these dependencies installed and the API server is started, do the following:
-
In the terminal, navigate to this project folder.
-
run
npm install
to install project dependencies. -
run
gulp serve
. -
With your server running, visit the site:
http://localhost:8000
and explore some restaurants. -
In Chrome you can open the Console, go to Application / Service Workers, and then check the Offline option to see offline behavior.