/Restaurant-Review-App

Making web apps Responsive, Accessible, and Work offline

Primary LanguageJavaScript

Restaurant Review App Project

Table of Contents

Project Overview

This project is a medium for me to exhibits my technical skill in giving web apps responsiveness and make it work well on different devices, it also allows me to display my skill in making web apps work offline and meeting up accessibility(a11y) standards.

Task

  • To make a web app with a static design to be responsive to fit well for different screen sizes.
  • To implement accessibility to fit standards for screen reader use.
  • To make the app work offline on browsers by adding a service worker.

Building Tools

  • Sublime Text Editor
  • Chromium Browser
  • HTML
  • CSS
  • JavaScript
  • Git Hub

Strategy for Running

  1. Download the files of this project to your system here.
  2. From the project directory, open the command terminal on your PC.
  3. Use Python to launch a local client server. You need to have Python installed on your device first. If you do not have python installed on your pc, you need to download it from Python's website and complete installation. From inside the new directory, launch a local client server using Python from your terminal:
    • For Python version 2.x: python -m SimpleHTTPServer 8000 and leave the terminal open.
    • For Python version 3.x: python3 -m http.server 8000 or py -m http.server 8000 and Leave the terminal open.
  4. Visit the site in your browser at http://localhost:8000

Dependencies

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

Contributing

If you have any extra work you would like to do on this project, you are free to clone this repository and work on it.

Acknowledgement

My thanks goes to God for giving me the privilege to be a part of this, i also want to thank Google, Andela, and Udacity for giving me the opportunity to be part of the Google Africa Scholarship for 2018.