Skip to content

Latest commit

 

History

History
55 lines (39 loc) · 2.99 KB

README.md

File metadata and controls

55 lines (39 loc) · 2.99 KB

Mobile Web Specialist Certification Course

Three Stage Course Material Project - Restaurant Reviews

This Udacity Nanodegree was sponsored by Google. After 3 months of selection process I was chosen to continue education for another 6 months. For more information about the Nanodegree Program head out to Udacity page.

Course Completed

I successfully graduated and you can see the certificate hosted by Udacity. During the course we were tasked to convert horrible unresponsive website to a professional offline-ready one. I am planning to improve this project further. If you want to see this repo the way it was right after my graduation you can visit stage-three branch.

Lighthouse scores

Both Pages:

  • Performance: 90 (91)
  • Progressive Web App: 91
  • Accessibility: 94
  • Best Practices: 94
  • SEO: 78

What it can do on my machine:

  • Successfully fetches data from the server, when there is one running;
  • Looks great with every screen size and ratio, brave design choices were made;
  • It Works Offline! Well... Kind of. Only pages that were visited, which is still great for a website though;
  • You can mark a restaurant as favorite (works offline);
  • You can submit a review for a restaurant (works offline);
  • Images are responsive and are supposed to be responsive everywhere;
  • Can be TAB-ed with ease. Sometimes not in order (I moved some parts to the end);
  • I checked usability with ChromeVox and it seems to me it is reasonable, although I prefer the other way;
  • You can use a Map for multiple purposes.

Usage

There is no reason to use it apart from Maps (there is no backend currently), but just in case:

  1. Clone stage-two-server branch of this repository;
  2. Use README.md from it to find out what preparations are necessary to launch the server;
  3. Enter node server and check if it worked (port: 1337);
  4. Copy my code via Git or manually;
  5. Open copied directory in your terminal;
  6. Enter npm install to load necessary modules;
  7. Use node start or python3 -m http.server 8000 to launch another server (you will need python);
  8. Go to localhost:8000 to see the masterpiece.

Future plans

Although I passed all stages and got a certificate, this project isn't truly finished. There are still a few things that can be added. A good example is a lack of any user feedback (right now I print lines to the console which is normally hidden). I would like to change that. Another thing that has to be changed is the fact that this website project isn't hosted anywhere.

TODO

  • Finish the course and get a certificate
  • Change color palette to the one currently used in the icon
  • Add user feedback (like when request failed or connection restored)

Thanks for your attention!