jlevett/restaurant-review-site

A mobile-ready offline web application.

Restaurant Review Site

By Jeremy Levett

About

Transformed a static webpage into a mobile-ready offline web application. The code was updated to resolve these issues and add extra features while still maintaining the included functionality. Features included:

• The ability to filter restaurants by neighborhood and cuisine type was added.
• Responsive design on different sized displays
• A Google Map with animated Google Map Markers retrieved asynchronously from the Google Maps API.
• Best practices of A11Y, implementing ARIA and semantic HTML for screen reader use.
• A simple offline-first caching strategy using a service worker was added to create a seamless offline experience

APP HOSTED HERE. CLICK TO TRY IT OUT!

Responsive in desktop mode

Responsive in mobile mode

Udacity Project Reviewer comment: "Congratulations, your submission looks awesome! You fixed all the bugs. This is great!, I enjoyed reviewing this."

Local Installation

1. Download the zip file.
2. Extract it into a folder
3. Run 'python -m http.server 8000' in bash.
4. Open up http://localhost:8000 in chrome.

Note: In Dev Tools, disconnect the internet or set the throttling to a low Internet speed to check out the offline experience of the app!

Technology

• PWA - serviceWorker (offline first)
• HTML
• CSS
• Google Maps API
• ay11 (accessibility)
• Responsive design using CSS Flexbox (desktop to mobile)

Desktop Screenshot

License

This project is licensed under the MIT License - see the LICENSE file for details.