This project is the basis of Ben Dechrai's workshop by the same name.
By the end of this workshop, you will have created a React-based Single Page Application that allows customers to log in using Auth0, and can list and purchase a number of products based on the product catalogue defined in your Stripe account.
In order to get the most from this workshop, you will
- be comfortable using VS Code as a development environment
- have a moderate understanding of JavaScript
Symbol(s) | Description |
---|---|
👉💻👈 | Skip past the descriptions and explanations, and just get straight to the action items. Each action that you need to take is prefixed with these symbols |
💡 | Helpful hints or things you might want to pay attention to |
🎉 | Milestone - do something here to verify you're in track |
🧪 | Checkpoint - an optional time for you to do a test to see your progress |
- Pre-Workshop Setup
- Setting up your development environment
- Create a new React Project
- Defining products in Stripe
- Retrieving products from the Stripe API
- Displaying products in React
- Authenticating users
- Connecting Auth0 to Stripe
- Augmenting Access Tokens
- Starting a Stripe Checkout
- Complete! Testing the site...