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.
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.
- Front-End: Webpack, Babel, Bootstrap v4, Fetch API etc
- Back-End: Flask-Restful, Flask-Cors, Requests
- Install all necessary dependencies:
npm install
- Run application
npm run dev
- cd into
api-proxy
pip install requirements.txt
in your environment- In
app.js
replaceAPI_ENDPOINT
with your local server address (e.g.http://localhost:5000/
) - Run
python main.py
(tested on Python version 3.6)
- Replace www.example.com in
webpack.config.js
with real domain name. - Run
npm build
- Copy
index.html
,/dist
and/images
to your server
- Webpack Boilerplate