Skip to content

chinsanchung/frontend-restaurant-review

 
 

Repository files navigation

Restaurant Reviews project (Udacity Front-end Nanodegree)

  • This project only runs at google-map branch, not master branch.

Tools

  • OS : Windows 10 Home
  • language: HTML, CSS, JavaScript
  • tools : Atom text editor, Github Desktop, SASS, gulp-autoprefixer, ESLint, Service Worker

Funtion

  • Show map with Google Map API.
  • Display restaurant's list(Date from Udacity).
  • Each restaurant shows location, open/close hour, and reviews.
  • It has Responsive design So this page displays at mobile.
  • Service Worker helps to run web pages offline.

What I did

  • Setting style.css to have responsive web design.
  • Give tabindex attribute for tab key's setting. And also I give image tag to alt attribute for explaination.
  • Setting Service Worker to help running page offline.
  • Ul tag and each li tags have Grid rayout for page's arrangement.
  • Change CSS with SASS and gulp-autoprefixer
  • Using gulp dev tools such as SASS, gulp-autoprefixer to change CSS, and ESLint to check JavaScript file.

Reference

Images

res01 res02

About

Front-End Web Developer Nanodegree project 05

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.0%
  • CSS 25.6%
  • HTML 13.4%