Restaurant pocket

Restaurant pocket allows us for adding restaurants to the list of favourites. It has two views:

• Home view - with address input field for searching restaurants,
• Favourite restaurants view - a list of favourite restaurants with the Google Map. It allows to rate a restaurant and add it to favourites.

Restaurant pocket in action!

Technologies

• React
• Redux
• Google Maps
• StyledComponents
• Prettier
• Testing:
  • Enzyme
  • Sinon
  • Deep-freeze

Run

1. Install all dependencies:

   yarn

2. Create an account on Google Cloud Platform. Using this documentation, create an API Key.

3. Go to the Dashboard and under Enabled APIs and services, enable Geocoding and Maps JavaScript APIs.

4. Copy created API_KEY and paste it into src/api-key.js file.

   const API_KEY = '<FILL_ME>';
   
   export default API_KEY;

5. Run app:

   npm start

Test

1. Run tests

npm test

Improvement ideas

• When clicking on a restaurant, its entry and its marker could be highlighted
• Use external library for validation
• Redesign favourite restaurants view for mobile devices
• Add search field to favourite restaurants view
• Stick a tooltip to an input field (marker)