GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - VapiAI/example-client-react-native

BranchesTags
Open more actions menu

Latest commit

 

History

7 Commits
7 Commits

Folders and files

NameName
Last commit message
Last commit date
.bundle
.bundle
 
 
__tests__
__tests__
 
 
android
android
 
 
ios
ios
 
 
lib
lib
 
 
.eslintrc.js
.eslintrc.js
 
 
.gitignore
.gitignore
 
 
.prettierrc
.prettierrc
 
 
.watchmanconfig
.watchmanconfig
 
 
App.tsx
App.tsx
 
 
Gemfile
Gemfile
 
 
Gemfile.lock
Gemfile.lock
 
 
README.md
README.md
 
 
api.ts
api.ts
 
 
apiClient.ts
apiClient.ts
 
 
app.json
app.json
 
 
babel.config.js
babel.config.js
 
 
index.js
index.js
 
 
jest.config.js
jest.config.js
 
 
metro.config.js
metro.config.js
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
tsconfig.json
tsconfig.json
 
 
useVapi.ts
useVapi.ts
 
 
vapi.sdk.ts
vapi.sdk.ts
 
 

Repository files navigation

Vapi React Native Integration Starter Template

This starter template is designed to help you quickly integrate Vapi into your react native project. It showcases a bot that assists authors in defining characters for their stories, demonstrating the ease of integrating Vapi to manipulate the frontend, display backend results, and leverage other capabilities.

Features

  • Real-time Interaction: Interact with the bot in real-time to refine character traits and details.
  • Message Handling: Send and receive messages to and from the bot, handling different message types.
  • Event Handling: Start, stop, and toggle bot calls with proper event management.

Getting Started

  1. Clone the repository.
  2. Install dependencies with npm install.
  3. Install iOS pods with npx pod-install
  4. Set up your .env file with the required Vapi tokens.
  5. Run the local server with npm start -- --reset-cache.

Integration Points

  • Vapi SDK: Integrated via vapi.sdk.ts to manage the Vapi instance.
  • React Hooks: useVapi.ts to encapsulate Vapi logic within React components.
  • Event Listeners: Set up listeners for various Vapi events like speech start/end, call start/end, and message updates.
  • Message Components: Render messages and transcripts in real-time as they are received from the bot.
  • Character Details: Edit and save character details, which are then sent as messages to the bot for processing.

About

No description, website, or topics provided.

Resources

Readme
Activity
Custom properties

Stars

5 stars

Watchers

2 watching

Forks

2 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.