Restaurant revies app

This project is making site responsive, accessible and offline first. Source code is originally based on mws-restaurant-stage-1.

Objectives

  1. To complete projectm

  2. To be responsive, accessible and offline first

Checklist

Responsive Design

  • Is the site UI compatible with a range of display sizes?
  • Are images responsive?
  • Are application elements visible and usable in all viewports?

Accessibility

  • Are images accessible?
  • Is focus used appropriately to allow easy navigation of the site?
  • Are site elements defined semantically?

Offline Availability

  • Are pages that have been visited available offline?

Style Guide

Lessons learned

  1. Production-level page are so challenge

  2. Front-end project is more complicated than I expected