VoiceVerse - Hindi Voice Commands on Base

A decentralized platform for sharing, discovering, and executing Hindi voice commands for smart devices and phone functions, powered by Base and Farcaster.

Features

• Trusted Command Sharing Feed: Discover and verify effective Hindi voice commands
• Voice Persona DID: Onchain identity for voice profiles with Basename integration
• Gasless Command Execution: Seamless, gas-free device control using Base's gas sponsorship
• Farcaster Routine Co-creation: Build and share complex voice routines via Frames

Tech Stack

• Next.js 15 with App Router
• React 19
• TypeScript
• Tailwind CSS
• OnchainKit (Base integration)
• Farcaster MiniKit
• Base Network (Chain ID: 8453)

Getting Started

1. Install dependencies:

npm install

2. Create .env.local file:

cp .env.local.example .env.local

3. Add your OnchainKit API key from Coinbase Developer Platform

4. Run the development server:

npm run dev

5. Open http://localhost:3000

Base Mini App Integration

This app is built as a Farcaster Mini App with full Base blockchain integration:

• Manifest: Located at public/.well-known/farcaster.json
• Chain: Base Mainnet (8453)
• Wallet: OnchainKit ConnectWallet component
• Identity: Basename resolution for Voice Persona DID
• Transactions: Gasless execution via Coinbase Paymaster

Architecture

app/
├── components/          # Reusable UI components
│   ├── CommandCard.tsx
│   ├── RoutineCard.tsx
│   ├── VoiceRecorder.tsx
│   └── ConnectWalletButton.tsx
├── layout.tsx          # Root layout with providers
├── page.tsx            # Main app page
├── providers.tsx       # OnchainKit & React Query providers
└── globals.css         # Global styles with BASE theme

Design System

• Theme: BASE (dark blue background, Base blue accents #0052ff)
• Typography: System fonts with proper hierarchy
• Spacing: 4px base unit (xs: 4px, sm: 8px, md: 16px, lg: 24px, xl: 32px)
• Border Radius: sm: 6px, md: 10px, lg: 16px
• Colors: CSS variables for easy theming

License

MIT