The project 6 of the FEND with Udacity.
The goal is to learn Responsive design, service worker to cache the content and accessibility.
This is a website where you can search for your favourite restaurant. You can filter your search by location or cuisine type.
Use the dropdown lists to filter your result (on the main page).
See the updated map when you change your selection.
You can see the details of the restaurants by clicking in the "View details of..." link.
The restaurant's details include some reviews, the address and the opening hours.
- Clone the repository
- Go to the folder:
cd Restaurant-Review-App-Stage1 - Run the server using the following command:
Python 2
python -m SimpleHTTPServer 8000
Python 3
python -m http.server 8000
- Go to localhost:8000 to open the website.
- The main HTML page is /index.html
- The restaurant's details HTML page is /restaurant.html
- The CSS file is /css/styles.css
- The JS file for the main page is /js/main.js
- The JS file for the restaurant page is /js/restaurant_info.js
- The JS file to fetch the data from the server is /js/dbhelper.js
- The service worker is located in /service-worker.js and registered in the /js/main.js file.
- The images are located in /img and their resized and optimized version is generated by the gulpfile.