The project is part of Udacity FEND Program. This is a single page app that allows you to search museums in Venice, Italy. In this project I used Foursquare API to get list of the places and Google Maps API to display places on the neighborhood map.
- Clone this repo in your terminal with the command
git clone https://github.com/cristalnaya/react-neighbourhood-map.git
- or just download it to your computer
- open the terminal and run following commmands
- change directory into
cd react-neighbourhood-map
- run
npm install
in your terminal - run
npm start
and the app will run locally on port: 3000
Note: Node JS and NPM (Node Package Manager) are required to install and run the application.
├── package.json
├── package-lock.json
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
├── README.md
└── src
├── App.css
├── App.js
├── App.test.js
├── Foursquare.svg
├── index.css
├── index.js
├── LocationsAPI.js
├── Map.js
├── mapStyle.js
├── registerServiceWorker.js
└── SearchBar.js
This project was bootstrapped with Create React App. You can find more information on how to perform common tasks here.
- Google Maps API - this lets you customize maps with your own content and imagery for display on web pages and mobile devices.
- Foursquare API - allows to get a list of locations within the neghbourhood.
- Google Fonts
- used Foursquare svg icon
Note that the development build is not optimized. If you want to create a production build, use npm run build
. Only in production mode the Service Worker will cache data.