Skip to content
/ Coinbase-Connect Public template

A template for connecting to a React app with Coinbase Wallet, using Coinbase Wallet SDK.

License

Notifications You must be signed in to change notification settings

ayush-that/Coinbase-Connect

Repository files navigation

React + Vite + TS + shadcn/ui + CoinBase Wallet SDK Template

The easiest way to connect a React app with Coinbase Wallet (1)

Getting Started

Open Using Daytona

Follow the installation Guide and install Daytona. Then create the workspace:

daytona create https://github.com/ayush-that/CoinConnect/
npm run dev # Start the app

Local Installation

  1. Make sure you have Node.js 20 or later. Then clone the repository:
git clone https://github.com/ayush-that/coinconnect.git
cd coinconnect
  1. Install dependencies and run the development server. If you are using devcontainer, you can skip this step. The app will be go live at http://localhost:5173:
npm install
npm run dev

# Building for Production
npm run build
npm run preview

Tech Stack

Tailwind CSS ShadCn UI React TypeScript Vite

Features

  • CoinBase Wallet integration
  • Modern UI with shadcn/ui components
  • Built with Vite for fast development
  • Type-safe with TypeScript
2024-12-21_00-46-41.mp4

Project Structure

src/
├── components/
│   ├── NetworkSelector.tsx
│   ├── WalletConnectButton.tsx
│   └── ...
├── lib/
│   ├── hooks/
│   │   ├── useCoinbaseWallet.ts
│   │   └── ...
│   └── utils/
│       └── ...

License

MIT License - see LICENSE file for details