Skip to content

bunnydeviloper/restaurant-review1

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Restaurant Review Application with Responsive Design and Service Workers

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 59.8%
  • CSS 22.8%
  • HTML 17.4%