https://github.com/ayush-that/coinbase-connect
A template for connecting to a React app with Coinbase Wallet, using Coinbase Wallet SDK.
https://github.com/ayush-that/coinbase-connect
coinbase daytona shadcn-ui tailwindcss template typescript vite
Last synced: 19 days ago
JSON representation
A template for connecting to a React app with Coinbase Wallet, using Coinbase Wallet SDK.
- Host: GitHub
- URL: https://github.com/ayush-that/coinbase-connect
- Owner: ayush-that
- License: mit
- Created: 2024-12-20T19:54:02.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-12-20T19:58:00.000Z (5 months ago)
- Last Synced: 2024-12-20T20:31:27.126Z (5 months ago)
- Topics: coinbase, daytona, shadcn-ui, tailwindcss, template, typescript, vite
- Language: TypeScript
- Homepage: https://coinbase-connect.vercel.app
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## React + Vite + TS + shadcn/ui + CoinBase Wallet SDK Template
## Getting Started
### Open Using Daytona
Follow the installation [Guide](https://www.daytona.io/docs/installation/installation/) and install Daytona. Then create the workspace:
```bash
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:
```bash
git clone https://github.com/ayush-that/coinconnect.git
cd coinconnect
```
2. 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`:
```bash
npm install
npm run dev
# Building for Production
npm run build
npm run preview
```
## Tech Stack
## Features
- [x] CoinBase Wallet integration
- [x] Modern UI with shadcn/ui components
- [x] Built with Vite for fast development
- [x] Type-safe with TypeScript
https://github.com/user-attachments/assets/9f31c3ad-59a2-4270-88dd-825e713b6ba1
## Project Structure
```
src/
├── components/
│ ├── NetworkSelector.tsx
│ ├── WalletConnectButton.tsx
│ └── ...
├── lib/
│ ├── hooks/
│ │ ├── useCoinbaseWallet.ts
│ │ └── ...
│ └── utils/
│ └── ...
```
## License
MIT License - see LICENSE file for details