Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hkedia321/udacity-neighbourhoodmap
Neighborhood map showing restaurants
https://github.com/hkedia321/udacity-neighbourhoodmap
css google-maps html reactjs
Last synced: 22 days ago
JSON representation
Neighborhood map showing restaurants
- Host: GitHub
- URL: https://github.com/hkedia321/udacity-neighbourhoodmap
- Owner: hkedia321
- Created: 2018-12-08T20:39:07.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-08T23:59:47.000Z (about 6 years ago)
- Last Synced: 2024-11-21T18:44:25.235Z (3 months ago)
- Topics: css, google-maps, html, reactjs
- Language: JavaScript
- Homepage: http://neighbourhoodmap-hkedia321.surge.sh
- Size: 1.21 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Neighborhood Maps Project
This project is made for Udacity Frontend Nanodegree course. It is a web application in `React` which shows the nearby restaurants in *Kolkata*. It contains 7 hardcoded locations. The locations are marked on the map. The user can filter the locations using the input textbox. User can highlight a particular location marker by clicking on it. User can then view the images of a particular location on the next page by clicking on the button "View Photos".
## How to install locally
```
Step 1: Fork this repository and clone it to your desktop
Step 2: Then cd into that cloned folder
Step 3: Install all the dependencies by running: $ npm install
Step 4: Run on http://localhost:3000 by running: $ npm run start
Step 5: Build locally by running: $ npm run build
Step 6: To deploy at a url use: $ npm run deploy
```
## Technology Stack
- **HTML** - Structure of the web page generated.
- **CSS** - Styling options and details ofthe web page.
- **Javascript (JSON)** - Used to store information for deploying the application such as dependencies.
- **ReactJS** - Structure for deployment of the web page.
## Libraries and 3rd party APIs used
- Google Maps ([react-google-maps](https://github.com/tomchentw/react-google-maps))
- Flickr ([flickr API](https://www.flickr.com/services/api/))
- FourSquare (https://developer.foursquare.com/)
- React Router ([react-router-dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom))
## Screenshots
## Live demo
[neighbourhoodmap-hkedia321.surge.sh](http://neighbourhoodmap-hkedia321.surge.sh)