RESTAURANT REVIEWS

For Udacity’s Restaurant Reviews projects, we needed to incrementally convert a static webpage to a mobile-ready web application. In Stage One, I took a static design that lacks accessibility and converted the design to be responsive on different sized displays and accessible for a screen reader to use. I  also had to add a service worker to begin the process of creating a seamless offline experience for the users.

Specification

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

Technologies used for this project:

HTML, CSS, JavaScript, Leaflet.js, Mapbox

Project
GitHub Repository

Screenshots of the site