Wallet Playground

This example is the front-end interface for the Crypto.com Wallet Playground, built using React, Vite, and TypeScript. It provides a simple UI to create wallets using the official Crypto.com Developer Platform SDK.

Features

• Simple wallet creation using the Crypto.com Developer SDK

• Displays:

  • Wallet address

  • Private key

  • Mnemonic phrase

• Clean, dark-themed UI with styled components

Installation

Navigate to the app folder and install dependencies:

cd developer-platform-sdk-examples/sdk-examples/categories/wallet
npm install

Environment Variables

This example uses a client-side SDK and may require an API key. You can initialize the SDK inside your app (src/app/Wallet/index.tsx) code like so:

import { Client } from '@crypto.com/developer-platform-client';

Client.init({
  apiKey: 'your-crypto.com-developer-platform-api-key',
});

For Crypto.com Developer Platform API Key, click here to learn how to obtain your Crypto.com Developer Platform API key.

Note: Never expose real or production API keys in a public or client-side app.

Usage

To run the app in development mode:

npm run dev

Open your browser at http://localhost:5173.

Build

To generate a production-ready build:

npm run build

To preview the build:

npm run preview

Demo Video