dominicom / restaurant-review-app

Udacity Nanodegree Student Project #6

Home Page:https://dominicom.github.io/restaurant-review-app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Restaurant Review App

Restaurant Review App — Stage 1

Student Project #6 during Google Front-End Development Nanodegree Program at Udacity

See live project

Table of Contents

Project Overview

This is #6 student project made for Udacity classroom on Front-End Web Developer track.

For the Restaurant Reviews projects, students have to incrementally convert a static webpage to a mobile-ready web application. In Stage One, this project is a static design that lacks accessibility and need to convert the design to be responsive on different sized displays and accessible for screen reader use. There is also need to add a service worker to begin the process of creating a seamless offline experience for users.

Specification

Student has been provided the code for a restaurant reviews website. The code has a lot of issues. It’s barely usable on a desktop browser, much less a mobile device. It also doesn’t include any standard accessibility features, and it doesn’t work offline at all. Student job is to update the code to resolve these issues while still maintaining the included functionality.

Note about ES6

Most of the code in this project has been written to the ES6 JavaScript specification for compatibility with modern web browsers and future proofing JavaScript code. As much as possible, try to maintain use of ES6 in any additional JavaScript you write.

Leaflet.js and Mapbox:

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

Starter Project

link https://github.com/udacity/mws-restaurant-stage-1

How to Run Application

Possible choices:

1. Open live project here.

2. Or run it on your local machine:

  • download or clone the repository
  • next follow these instructions

Instructions

Running application on local machine

  1. In this folder, start up a simple HTTP server to serve up the site files on your local computer. Python has some simple tools to do this, and you don't even need to know Python. For most people, it's already installed on your computer.

In a terminal, check the version of Python you have: python -V. If you have Python 2.x, spin up the server with python -m SimpleHTTPServer 8000 (or some other port, if port 8000 is already in use.) For Python 3.x, you can use python3 -m http.server 8000. If you don't have Python installed, navigate to Python's website to download and install the software.

  1. With your server running, visit the site: http://localhost:8000.

About the project

Graphics and design resources

Application redesigned by the Author, changed UI/UX of original design. Some assets like photos are delivered with starter project.

External libraries Used

Contributing

This repository is the starter code for all Udacity students. Therefore, we most likely will not accept pull requests.

For details, check out CONTRIBUTING.md.

About

Udacity Nanodegree Student Project #6

https://dominicom.github.io/restaurant-review-app/


Languages

Language:JavaScript 54.6%Language:CSS 28.3%Language:HTML 17.1%