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