/flask-vue-stripe

Primary LanguageVueMIT LicenseMIT

Accepting Payments with Stripe, Vue.js, and Flask

Want to learn how to build this?

Check out the tutorial.

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 keys as environment variables:

    $ cd server
    $ export STRIPE_PUBLISHABLE_KEY=<YOUR_STRIPE_PUBLISHABLE_KEY>
    $ export STRIPE_SECRET_KEY=<YOUR_STRIPE_SECRET_KEY>
  4. Run the server-side Flask app in one terminal window:

    $ cd server
    $ python3 -m venv env
    $ source env/bin/activate
    (env)$ pip install -r requirements.txt
    (env)$ flask run --port=5001 --debug

    Navigate to http://localhost:5001/ping

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

    $ cd client
    $ npm install
    $ npm run dev

    Navigate to http://localhost:5173