Fork and clone the server repository. You’ll use this development server to develop your project code.

Cache the JSON responses for offline use by using the IndexedDB API.

Notify the user when the network status change

Updated css to render responsively all the images.

Users are able to mark a restaurant as a favorite, this toggle is visible in the application.

Enable hot-reload on local development env

Create new project on GCP Console and enable the Google Maps API.

Replace the text YOUR_GOOGLE_MAPS_API_KEY on line 37 of index.html with your own generated key.

Ref doc: https://developers.google.com/maps/documentation/javascript/get-api-key

Create basic layouts for desktop, tablets and mobile.

Add functionality to defer submission of the form until connection is re-established.

Fix the error with google maps

Added logic to submit new reviews. If the app is offline, when a review is submitted, the UI is updated and the review is saved in IndexDB.

All content-related images include appropriate alternate text that clearly describes the content of the image.
 

Follow the recommendations provided by Lighthouse to achieve the required performance targets.

Lighthouse targets for each category exceed:

Progressive Web App: >90
Performance: >90
Accessibility: >90

Create grunt task to convert images to different formats and optimization levels

Change the data source for your restaurant requests to pull JSON from the server, parse the response and use the response to generate the site UI.

Focus is appropriately managed allowing users to noticeably tab through each of the important elements of the page. Modal or interstitial windows appropriately lock focus.

Check focus using tab and screen reader.

Pay attention to the ring contrast and proper order.

Create Dockerfile spec to allow the app to run in a container.

Why?
This will improve and simplify the way the app can be deployed and tested among others great benefits.

When we click in the restaurant detail view the url should have the restaurant id which is use to find the restaurant info but is missing

Elements on the page use the appropriate semantic elements. For those elements in which a semantic element is not available, appropriate ARIA roles are defined.

Follow the recommendations provided by Lighthouse to achieve the required performance targets.

Make the needed css corrections on this page

Use a service worker to cache responses to requests for site assets.