Demo Marketplace

A sample marketplace with real OAuth implementation

Artist Account

As an artist, you can earn revenue when users purchase prints of your artwork. Set up your merchandise and payout preferences in your account settings.

OAuth Integration

Connect your application to our marketplace API

Integration Endpoints

Authorization Endpoint

http://localhost:3001/api/oauth/authorize

Use this endpoint to initiate the OAuth flow

Token Endpoint

http://localhost:3001/api/oauth/token

Exchange authorization code for access tokens

User Info Endpoint

http://localhost:3001/api/oauth/userinfo

Get user profile information

Sample Integration Code

// Redirect user to authorization endpoint
const authUrl = new URL("http://localhost:3001/api/oauth/authorize");
authUrl.searchParams.append("client_id", "your_client_id");
authUrl.searchParams.append("redirect_uri", "your_redirect_uri");
authUrl.searchParams.append("response_type", "code");
authUrl.searchParams.append("state", "random_state_string");
window.location.href = authUrl.toString();

// In your callback handler:
// Exchange code for tokens
const response = await fetch("http://localhost:3001/api/oauth/token", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    client_id: "your_client_id",
    client_secret: "your_client_secret",
    code: "authorization_code_from_callback",
    redirect_uri: "your_redirect_uri",
    grant_type: "authorization_code"
  })
});
const tokens = await response.json();
// Store tokens.access_token and tokens.refresh_token