Neighborhood Map Project - Munich's Best Burger Joints

A KnockoutJS SPA that provides an interactive map, showing you the locations of Munich's Best Burgers. The application utilizes Yelp's GraphQL API. GraphQL queries are executed by a client based on Fetch API.

Backend API Server

Yelp's Fusion API is intended for backend use (e.g. CORS Headers are not supported). As a possible workaround, i wrote a simple Flask Application to bounce requests to Yelp. It is currently running on PythonAnywhere.com and the API Proxy can be called from any domain.

Technologies

Front-End: Webpack, Babel, Bootstrap v4, Fetch API etc
Back-End: Flask-Restful, Flask-Cors, Requests

run & develop locally

Install all necessary dependencies:

npm install

Run application

npm run dev

Run API Proxy Server locally (optional)

cd into api-proxy
pip install requirements.txt in your environment
In app.js replace API_ENDPOINT with your local server address (e.g. http://localhost:5000/)
Run python main.py (tested on Python version 3.6)

Build production version of application with Webpack

Replace www.example.com in webpack.config.js with real domain name.
Run

npm build

Copy index.html, /dist and /images to your server

Ressources

Webpack Boilerplate