Project: Neighborhood Map

The neighborhood map is a single page application featuring a map of neighborhood you would like to visit. By default, it shows Busan, South Korea where I was born and grow, but you can also explore wherever you want thanks to Google Maps and Foursquare APIs. This project is one of assignments for the Udacity's Full Stack Web Developer Nanodegree program.

• 한글 리드미(README Korean) 파일: README_ko.md

Screenshots

Venues List	Venue Detail

Installation

Clone the github repository and install dependencies as follow.

git clone https://github.com/YoungsAppWorkshop/neighborhood-map
cd neighborhood-map
pip3 install -r requirements.txt

Since the neighborhood map is built upon Google Maps and Foursquare APIs, it needs credentials of the APIs to work properly. The app credentials should be specified in api_secrets.json file.

Starting the app

After including the API credentials in api_secrets.json file, the app can be started as:

python3 run.py

Structure of the app

/neighborhood-map
    /app
        /static
            /js
                app.js              # JavaScript Application
            /css
            /img
        /templates
            neighborhood_map.html
        __init__.py
        neighborhood_map.py         # Neighborhood Flask application
    api_secrets.json                # API secrets
    config.py                       # Configurations
    README.md
    requirements.txt
    run.py                          # Python3 script to run the app

Attributions

Below are the origins of outer source codes and images.

• TodoMVC Knockout.js example
• Customizing the Google Maps Infowindow
• Resizing Google Maps
• Animate.css
• Google Maps Marker icons: Green / Red
• No Image Icon
• loading.gif
• 404 Page Not Found Image

License

MIT licensed