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.
- React
- Redux
- Google Maps
- StyledComponents
- Prettier
- Testing:
- Enzyme
- Sinon
- Deep-freeze
-
Install all dependencies:
yarn
-
Create an account on Google Cloud Platform. Using this documentation, create an API Key.
-
Go to the
Dashboard
and underEnabled APIs and services
, enable Geocoding and Maps JavaScript APIs. -
Copy created
API_KEY
and paste it intosrc/api-key.js
file.const API_KEY = '<FILL_ME>'; export default API_KEY;
-
Run app:
npm start
- Run tests
npm test
- 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)