Skip to content

Latest commit

 

History

History
33 lines (26 loc) · 1.42 KB

README.md

File metadata and controls

33 lines (26 loc) · 1.42 KB
Raw

Mobile Web Specialist Certification Course (stage 1)

Three Stage Course Material Project - Restaurant Reviews (using ES6 JavaScript specification)

Project Rubic

  • Project completed with help from Doug Brown's webminar and github page

Usage:

  1. Clone the project
  2. Start a simple HTTP server with python -m SimpleHTTPServer 8000
  3. Navigate to http://localhost:8000

Project Overview: Stage 1

  • Transformed static design to responsive design for multiple devices (desktop browser, mobile, tablet...)
  • Added accessibility features for screen reader
  • Implemented service worker to create seamless offline experience for users

Screenshots:

  • Display on mobile:
mobile screenshot main page 1 mobile screenshot main page 1
  • Display on desktop/tablets:

full screenshot 1

full screenshot 2

Leaflet.js and Mapbox:

  • This repository uses leafletjs with Mapbox.
  • You need to replace <your MAPBOX API KEY HERE> with a token from Mapbox.
  • Mapbox is free to use, and does not require any payment information.