Developing a Single Page App with Flask and Vue.js

Want to learn how to build this?

Check out the posts:

1. Developing a Single Page App with Flask and Vue.js
2. Accepting Payments with Stripe, Vue.js, and Flask

Want to use this project?

1. Fork/Clone

2. Sign up for Stripe (if you don't already have an account).

3. Set the Stripe Secret key as an environment variable:

   $ cd server
   $ export STRIPE_SECRET_KEY=UPDATE_ME

4. Run the server-side Flask app in one terminal window:

   $ cd server
   $ python3.6 -m venv env
   $ source env/bin/activate
   (env)$ pip install -r requirements.txt
   (env)$ python app.py

   Navigate to http://localhost:5000

5. Update stripePublishableKey with the Stripe Publishable key in client/src/components/Order.vue.

6. Run the client-side Vue app in a different terminal window:

   $ cd client
   $ npm install
   $ npm run dev

   Navigate to http://localhost:8080