ShopVOX OAuth Test Application

A simple application for testing the ShopVOX OAuth provider with configurable credentials.

Features

• Configure OAuth details through environment variables or UI
• "Sign in with ShopVOX" flow
• View access tokens and user information
• Easily test OAuth authentication with different parameters

Setup

1. Copy .env.example to .env and fill in your ShopVOX OAuth credentials
2. Run the application with npm run dev

Usage with ngrok

When testing with ngrok tunnels:

1. Start your ngrok tunnel: ngrok http 5000
2. Update your .env file with your ngrok URL:

   OAUTH_REDIRECT_URI=https://your-ngrok-subdomain.ngrok.io/callback
   

3. Make sure to update your redirect URI in the ShopVOX developer console to match
4. The app has been configured to handle ngrok's browser warning page by adding the ngrok-skip-browser-warning header to all requests

Development

The application uses:

• React for the frontend
• Express for the backend
• React Query for data fetching
• ShadCN UI components for styling

Notes

This is a demo application intended for testing OAuth integration with ShopVOX. In a production environment, you would want to implement proper session management and secure storage of tokens.