Sushi Restaurants Map

View the project live.

This project is part of the Udacity Frontend Web Developer Nanodegree (full Google Scholarship). The purpose of this project is to create a single page web app from scratch using React and integrate external APIs into the web app.

By default, this app shows the location of all sushi restaurants in Hannover, Germany. The data of each location are provided by Foursquare.

Features

The web app is fully responsive and can be used by all mobile phones, tablets, or computers. A service worker is also provided to render the UI in offline or poor network conditions. The application was built with accessibility in mind and has a Lighthouse audit result of 90.

Installation

1. Download the repo.
2. Run yarn install to install all the required modules.
3. Run yarn start to start the web app.
4. Navigate to https://localhost:3000 to see the web app.

Sites/Tools Used

Tools

• ReactJS
• Material UI
• Bulma
• Font Awesome
• escape-string-regexp
• sort-by
• Prop Types

APIs

• Google Maps
• Foursquare