A simple app to fetch data for restaurants in Amsterdam from external API

A self-initiated React app to excess and fetch data from Google & Foursquare APIs.

This app is to learn how to use front-end frameworks React.js, React-Redux and fetching data from Google map and Foursqaure with RESTful API and Sugeragent.

Key functions

1. Display location of restaurants in Amsterdam on Google Map
2. Display details of restaurants next to Google Map

Steps to be taken

These are the steps I plan to work on this app:

1. Set up a Github project board to keep track of the development progress
2. Get Google API Key
3. Set up Google Map
4. Fetch restaurant data in JSON format from Foursquare API
5. Create markers to locate restaurants based on fetched latitudes and longitudes
6. Styling with the latest material-ui@next

Work-in-progress

• Developing a full React app by creating own API to allow users post images, reviews and comments. This will be created in another repo (TBC).

Running Locally

Make sure you have Node.js and Yarn installed.

git clone git@github.com:fandytcc/foodie-react-map.git
cd foodie-react-map
yarn install
yarn start

Related documentation

For more information about using React-Redux, ExpressJS and Mongoose, see these links:

• React
• Redux
• Sugeragent
• material-ui@next