milkshake neighbourhood
This is a react based single page app of locations and nearby milkshake bars
Search for a location to filter what markers are shown on the map, or just click an item on the list or one of the markers to show info for the location.
Used Foursquare data to show a nearby place to grab a milkshake.
Getting Started
using a terminal:
navigate to an empty working directory, clone the project with git clone <insert url here>
, then run npm install
in parent project directory, then npm start
Built With
- react - the main framework used
- google maps API - to generate the map element
- FourSquare API - used to get data on nearby cafes etc.
Authors
- Adam Razzak
Acknowledgements
- readme template: https://gist.github.com/PurpleBooth/109311bb0361f32d87a2
- handling react data - https://medium.com/@ruthmpardee/passing-data-between-react-components-103ad82ebd17
- using binding - https://stackoverflow.com/questions/45998744/react-this-state-is-undefined
- error handling - https://javascript.info/onload-onerror
- Udacity course and people! see https://eu.udacity.com/course/front-end-web-developer-nanodegree--nd001
project preview:
app screens: