Skip to content

ize-302/openai-playground-clone

Repository files navigation

OPEN AI PLAYGROUND CLONE (With speech to text support)

Tools used

  • NextJS
  • TypeScript
  • Tailwind
  • react-speech-recognition
  • Open AI API with Vercel AI SDK

Why this project?

giving prompt with speech is more conveninient than typing

Getting Started

  • First, create a .env.local file in the root directory
  • Copy the content of env.example and fill the OPENAI_API_KEY and OPENAI_ORGANISATION details
  • Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

Usage

  • Click the record button and say something (Note: You have to give browser permission to use your micriphone)
  • After speaking press the stop button
  • Press ENTER key on your keyboard to send