Skip to content

oilsinwater/mws-restaurant

Repository files navigation

Mobile Web Specialist Certification Course


Three Stage Course Material Project - Restaurant Reviews

Stage 2 & 3:

Clone repo and run npm i.

Serve optimized site

npm run app

Clear build files

npm run clear

Build & Optimize

npm run production

Run development

npm run build

User Interface

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

✔️ A form is added to allow users to add their own reviews for a restaurant.

✔️ Form submission works properly and adds a new review to the database.

Offline Use

✔️ The client application works offline.

✔️ JSON responses are cached using the IndexedDB API.

✔️ Any data previously accessed while connected is reachable while offline.

✔️ User is able to add a review to a restaurant while offline and the review is sent to the server when connectivity is re-established.

Responsive Design and Accessibility

✔️ Responsive Design

Accessibility

✔️ The application retains accessibility features from the previous projects.

✔️ Images have alternate text,

✔️ The application uses appropriate focus management for navigation

✔️ And semantic elements and ARIA attributes are used correctly.

✔️ Roles are correctly defined for all elements of the review form.

Performance

Lighthouse targets for each category exceed:

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

Stretch Goals

  • Add City selector with Jerusalem data

About

MWS Restaurant Reviews

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published