https://github.com/kaylakremer/udacity-mobile-web-specialist

My Udacity Mobile Web Specialist Nanodegree Progressive Web App (Part of the Grow with Google Developer Scholarship Program)
https://github.com/kaylakremer/udacity-mobile-web-specialist

a11y accessibility browsersync google-maps gulp indexeddb javascript lazysizes localstorage offline-first progressive-web-app pwa responsive-design sailsjs service-worker udacity udacity-mobile-web-specialist udacity-nanodegree

Last synced: 5 days ago
JSON representation

My Udacity Mobile Web Specialist Nanodegree Progressive Web App (Part of the Grow with Google Developer Scholarship Program)

• Host: GitHub
• URL: https://github.com/kaylakremer/udacity-mobile-web-specialist
• Owner: kaylakremer
• Created: 2018-05-14T17:02:51.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-12T01:48:10.000Z (almost 2 years ago)
• Last Synced: 2024-11-09T13:47:20.921Z (2 months ago)
• Topics: a11y, accessibility, browsersync, google-maps, gulp, indexeddb, javascript, lazysizes, localstorage, offline-first, progressive-web-app, pwa, responsive-design, sailsjs, service-worker, udacity, udacity-mobile-web-specialist, udacity-nanodegree
• Language: JavaScript
• Homepage: https://www.udacity.com/course/mobile-web-specialist-nanodegree--nd024
• Size: 3 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

README

        
# Udacity Mobile Web Specialist Nanodegree - Restaurant Reviews

### :fork_and_knife: About

This is my completed project for Udacity's Mobile Web Specialist Nanodegree certification. I took this program for free after receiving a scholarship from Google for it, which is part of their [Grow with Google Developer Scholarship Program](https://www.udacity.com/grow-with-google). The project consisted of three stages and required me to build a progressive web app from scratch about restaurant reviews. Features I had to implement include:

* Responsive Design

* A11y

* Service Workers

* Caching, IndexedDB, & Local Storage

* Web Tooling & Optimization (Gulp, Babel, ESLint)

* Data Submission (Online & Offline)

* Lighthouse audit scores of >90

### :fork_and_knife: Server

First you will need to run the server. Navigate to the `UdacityMobileWebSpecialist/server` directory in your terminal and then run the command 'node server' to start the Sails server on port `1337`. For more information, visit the server's repo for this project [HERE](https://github.com/udacity/mws-restaurant-stage-3)

### :fork_and_knife: Deployment

To deploy the app in your browser, navigate to the `UdacityMobileWebSpecialist` directory in your terminal and then run the command `gulp build`. This will generate a production build of the project and use BrowserSync to deploy it in your browser on port `5500`. 

### :fork_and_knife: Notes

I have changed Google maps to be static images when pages first load. You can change it back to a live map by clicking on it! All images are also set to lazy load to further help with page load performance. 

### :fork_and_knife: Certification

![Kayla Kremer Udacity MWS Certification](./img/certificate.png)

[Verification](https://graduation.udacity.com/confirm/4LLGK9MF)