https://github.com/murabcd/vibecoder
Realtime Voice AI Vibe Coder Built With Tanstack Start and OpenAI
https://github.com/murabcd/vibecoder
agents ai openai react realtime shadcn-ui tanstack-query tanstack-start voice-ai
Last synced: 8 months ago
JSON representation
Realtime Voice AI Vibe Coder Built With Tanstack Start and OpenAI
- Host: GitHub
- URL: https://github.com/murabcd/vibecoder
- Owner: murabcd
- Created: 2025-05-17T16:23:47.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-06-22T22:06:07.000Z (8 months ago)
- Last Synced: 2025-06-22T23:18:57.545Z (8 months ago)
- Topics: agents, ai, openai, react, realtime, shadcn-ui, tanstack-query, tanstack-start, voice-ai
- Language: TypeScript
- Homepage: https://vibecoder-oss.vercel.app
- Size: 1.17 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Realtime Voice AI Vibe Coder Built With Tanstack Start and OpenAI.
❗ This project is in very early development and lots of things will change.
Features ·
Model Provider ·
Deploy Your Own ·
Running locally
## Features
- [Tanstack Start](https://tanstack.com/start/latest)
- File-based routing, type-safe from server to client
- Built on Vite for a lightning-fast HMR development experience
- Server-side rendering and client-side hydration
- [OpenAI](https://openai.com/)
- Leverages OpenAI's powerful models for chat generation.
- Direct API calls for text generation and other AI features.
- [Shadcn/ui](https://ui.shadcn.com)
- Styling with [Tailwind CSS](https://tailwindcss.com)
- Component primitives from [Radix UI](https://radix-ui.com) for accessibility and flexibility
## Model Provider
This app utilizes the [OpenAI API](https://openai.com/) for its AI capabilities. It is configured to use the following OpenAI models:
- Model (`gpt-4o-mini-realtime-preview`): Higher quality conversational model with higher latency.
- Model (`gpt-4.1`): General purpose model optimized for code generation.
## Deploy Your Own
You can deploy your own version of VibeCoder to Vercel with one click:
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmurabcd%2FVibeCoder&env=VITE_OPENAI_API_KEY&envDescription=You%27ll%20need%20an%20OpenAI%20API%20key.&envLink=https%3A%2F%2Fgithub.com%2Fmurabcd%2FVibeCoder%2Fblob%2Fmain%2F.env.example&demo-title=VibeCoder&demo-description=An%20Open-source%20Realtime%20AI%20Voice%20Agent%20Built%20With%20Tanstack%20Start%20and%20OpenAI.&demo-url=https%3A%2F%2Fvibecoder-oss.vercel.app)
## Running locally
You will need to use the environment variables [defined in `.env.example`](.env.example) to run VibeCoder. It's recommended you use [Vercel Environment Variables](https://vercel.com/docs/projects/environment-variables) for this, but a `.env` file is all that is necessary.
> Note: You should not commit your `.env` file or it will expose secrets that will allow others to control access to your OpenAI account.
1. Install Vercel CLI: `bun i -g vercel`
2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link`
3. Download your environment variables: `vercel env pull`
```bash
bun install
bun dev
```
Your app should now be running on [localhost:3000](http://localhost:3000/).
